Friday, July 18th, 2008
Lightweight Grid Control for jQuery
Category: jQuery
Developers are always looking for a great grid control that is easy to use, customizable and, of course, feature-rich. Paulo Mariñas has created just that for jQuery developers. Flexigrid is an extremely flexible grid control with provides many of the features highly-desired by developers. These include:
- Resizable columns
- Resizable height and width
- Sortable column headers
- Cool theme
- Can convert an ordinary table
- Ability to connect to an ajax data source (XML and JSON[new])
- Paging
- Show/hide columns
- Toolbar
- Search
- Accessible API
Version 1.0b3, which was recently released provides:
- Fixed paging problem on multiple instances
- Mootools and Prototype noConflict() compatibility problems fixed
- New onError event on ajax interaction, (it will pass what the server said in a variable called data), allowing you to handle server problems
- New $().flexAddData method, allows you to directly add new data to the grid using your own data source.
- New preProcess API, allows you to modify or process data sent by server before passing it to Flexigrid, allowing you to use your own JSON format for example.
- Single Rows Select just use { singleSelect: true } in the options
Get more information at the Flexigrid main page.
3.4 rating from 59 votes
It would be superb if grid controls provided the ability to automatically adjust the grid height to prevent scrolling.
this is a great tool….
“It would be superb if grid controls provided the ability to automatically adjust the grid height to prevent scrolling”
You can set height to ‘auto’
But my problem is the way the width is done - ie. it doesn’t seem to work as well as a normal table?
If that could be worked out, I would replace my current jQuery table implementation with it simply because of how easy it is to setup sorting.