Tuesday, March 10th, 2009
DataTables: Major update to the highly flexible data table component
Category: JavaScript, jQuery
Allan Jardine has updated his popular DataTables rich data grid control. Allan told us what his aims were for this 1.4.1 release:
Being fairly happy with the options that DataTables presents to the end user, I’ve focused this release on providing tools for the developer. A plug-in API, non-destructive DOM manipulation (the biggest weak point of the old versions) and documentation are the major new features.
If you take a look at the new rich API you will see that can manipulate the data in the table, build filters, fetch remote data, and more.
What does DataTables feature again?
- Variable length pagination
- On-the-fly filtering
- Multi-coloum sorting with data type detection
- Smart handling of column widths
- Fully internationalisable
UK, French, German, Spanish, Russian, Norwegian, Portuguese Brazilian (and more) translations provided - State saving
- Hidden columns
- Dynamic creation of tables
- Ajax auto loading of data
- Custom DOM positioning
- Single column filtering
- Alternative pagination types
- Non-destructive DOM interaction
- Sorting column(s) highlighting
- Extensive plug-in support
Sorting, type detection, API functions and pagination - Fully themeable by CSS
- Solid documentation
Related Content:
3.8 rating from 35 votes
You know what I’d like to see – a way to make HTML tables keyboard accessible/navigatable…
In what regard should they be accessible/navigable by keyboard? Do you mean the controls for filtering / sorting etc, or are we talking at a more basic level without something like DataTables in the middle? What kind of navigation would you like to see on a table?
This is amazing. I’ve been searching for similar stuff for years and never found something at this level. Thanks for posting this.
I notice that v1.5 is out.
I have a big project that is Prototype.js based. Does anyone know of a Prototype-based clone of DataTables?