DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the principle of progressive enhancement, which will add advanced interaction controls to any HTML table.
This version includes datatables 1.9.4 without the examples available in the source distribution of the plugin. It is provided with an @@example.datatables view.
Install
A genericsetup profile is provided to add jquery.dataTables to portal_javascript in a non-minified version with compression option set to safe.
Key features of jquery.dataTables
- 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
Scrolling options for table viewport
Fully internationalisable
jQueryUI ThemeRoller support
Rock solid - backed by a suite of 1400+ unit tests
Wide variety of plug-ins inc. TableTools, FixedHeader and KeyTable
It's free!
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
Fully themeable by CSS
Solid documentation
60+ pre-built examples
Full support for Adobe AIR
* Source available at github
Plugins
This addon embed extras plugins:
- AutoFill 1.1.2
ColReorder 1.0.5
ColVis 1.0.7
FixedColumns 2.0.3
FixedHeader 2.0.6
KeyTable 1.1.7
Scroller 1.0.1
* TableTools 2.0.3
How to use tabletools
First include dependencies in your template, or register theses in portal_javascripts:
Next you can create your datatable:
var oTable = $(#mydatatable ).dataTable({
"sDom": T<"clear">lfrtip ,
"oTableTools": {"sSwfPath": "++resource++jquery.datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"}
});
|