DataTables DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:
- Variable length pagination
- On-the-fly filtering
- Multi-column sorting with data type detection
- Smart handling of column widths
- Display data from almost any data source
- DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
- Scrolling options for table viewport
- Fully internationalisable
- jQuery UI ThemeRoller support
- Rock solid - backed by a suite of 2800 unit tests
- Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more
- It's free!
- Show more
So how easy is it to use DataTables? Take a peek at the code below, a single function call to initialise the table is all it takes:
An example of DataTables in action is shown below with a table of CSS browser grading as used by Conditional-CSS.
1 2 3 4 5 6 | /* * Example init */$(document).ready(function(){ $('#example').dataTable();}); |
DataTables blog
- Introducing Editor - editing for DataTables
- Orthogonal data
- DataTables debugger
- Twitter Bootstrap 2
- Microsoft CDN
- localStorage for state saving
- Twitter Bootstrap
- Site updates - JS Bin and more
- Getting started with DataTables: First steps
- Creating feature plug-ins
- DataTables support
- Drill-down rows
- Introducing Scroller - Virtual Scrolling for DataTables
- DataTables 1.8
- Inline editing
- Creating beautiful and functional tables with DataTables
- Extended data source options with DataTables
DataTables around the web
Editor 1.2 available!
Editor 1.2 for DataTables is now available, bringing with it a wide range of improvements, primarily in the PHP implementation for Editor, which now has a much more flexible API and support for Join tables.
Editor 1.2 for DataTables is now available, bringing with it a wide range of improvements, primarily in the PHP implementation for Editor, which now has a much more flexible API and support for Join tables.
Server-side processing and Symfony 2
Slauta Roman has written a server-side processing integration script that works with a Symfony 2 (Doctrine) backend system.
Slauta Roman has written a server-side processing integration script that works with a Symfony 2 (Doctrine) backend system.
Checkbox selectable plug-in
Basil Gren has developed a Selectable plug-in for DataTables which adds a checkbox column to a table with an API to get and set the selection properties of the table.
Basil Gren has developed a Selectable plug-in for DataTables which adds a checkbox column to a table with an API to get and set the selection properties of the table.
Server-side processing PHP PDO style
John Becker of Beckersoft, Inc has updated the default DataTables server-side processing script to make use of PHP's PDO, resulting in a much cleaner implementation.
John Becker of Beckersoft, Inc has updated the default DataTables server-side processing script to make use of PHP's PDO, resulting in a much cleaner implementation.
ThemeForest themes with DataTables
If you are looking for a quick way of creating stylish looking tables, integrated with the rest of your site, then there are a number of themes available on ThemeForest with DataTables support. They are listed here.
If you are looking for a quick way of creating stylish looking tables, integrated with the rest of your site, then there are a number of themes available on ThemeForest with DataTables support. They are listed here.
No comments:
Post a Comment