Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table.
Ingrid is yet another jQuery Datagrid plugin. It has features like column resizing, paging, sorting, row and column styling and more. The author’s website provide great documentation on how to get started with this plugin.
It offers an Ajaxed interface with pretty fast paging & data-sorting.
Columns can be resized & any columns can be easily removed for a better view of data.
MyTableGrid allows browsing via keyboard (with the help of KeyTable library).
It supports instant editing of cells & complete skinning via CSS.
There are various CSS frameworks which offer a grid system, a style reset, basic typography, form styling & more.
But, if you only need a lightweight grid framework to build the skeleton of your website, take a look at the 1Kb CSS Grid.
It supports both fluid grids besides the fixed-width ones and nested rows can be created.
The website of the framework provides a generator to customize the grid & download the CSS easily.
Also, Usability Post has a very detailed introduction to the 1Kb CSS Grid in 3 steps. To dig the details, make sure you check them:
Eyesis Data Grid Control is a PHP class for creating a datagrid from a MySQL database almost instantly.
With 6 lines of code, you can connect to the database, mention the table & define the query, rest is automated.
It has nice features like:
- Filtering and searching
- Changing column headers
- Can displaying images
- Ajax supported
- Automatic row paging
- Row selection
- Look & feel can be customized via CSS
- Ability to add controls
- Checkbox support
- Specify column format types (such as percent, dollars, etc)
This Ajaxed PHP grid works in all major browsers & requires PHP5 to run. Continue reading