DataTables

Basic initialisation

• Zero configuration
• Feature enablement
• Sorting data
• Multi-column sorting
• Multiple tables
• Hidden columns
• Complex headers - grouping with colspan
• DOM positioning
• Flexible table width
• State saving
• Alternative pagination styles
• Scrolling: Horizontal / Vertical / Both / Themed / Infinite
• Change language information (internationalisation)
• ThemeRoller themes (Smoothness)

Advanced initialisation

• Events: Live events / Pre-init / Post-init
• Column rendering
• Sorting without HTML tags
• Multiple table controls (sDom)
• Defining length menu options
• Complex headers and hidden columns
• Custom toolbar (element) around table
• Row highlighting with CSS
• Row grouping
• Row callback
• Footer callback
• Control sorting direction of columns
• Change language information from a file (internationalisation)
• Setting defaults
• State saving with localStorage
• Custom events

API

• Dynamically add a new row
• Individual column filtering (using "input" elements)
• Individual column filtering (using "select" elements)
• Highlight rows and columns
• Show and hide details about a particular record
• User selectable rows (multiple rows)
• User selectable rows (single row) and delete rows
• Editable rows (with jEditable)
• Submit form with elements in table
• Index column (static number column)
• Show and hide columns dynamically
• API function use in initialisation object (callback)
• DataTables scrolling and tabs
• Regular expression filtering

Data sources

• DOM
• Javascript array
• Ajax source
• Server side processing

Server-side processing

• Obtain server-side data
• Add extra HTTP variables
• Use HTTP POST
• Automatic addition of IDs and classes to rows
• Reading table data from objects
• Show and hide details about a particular record
• User selectable rows (multiple rows)
• JSONP for a cross domain data source
• jEditable integration with DataTables
• Deferred loading of Ajax data
• Pipelining data (reduce Ajax calls for paging)

Ajax data source

• Ajax sourced data (array of arrays)
• Ajax sourced data (array of objects)
• Deferred DOM creation for extra speed
• Empty data source columns
• Use a data source other than aaData (the default)
• Read column data from sub-arrays
• Read column data from deeply nested properties

Plug-ins

• Add custom API functions
• Sorting and automatic type detection
• Sorting without automatic type detection
• Custom pagination controls
• Range filtering / custom filtering
• Live DOM sorting
• Automatic HTML type detection

AutoFill

• Basic initialisation
• Selecting which columns to provide AutoFill on
• Scrolling a DataTable using fill
• Using with input elements
• Customisation using callback functions

ColReorder

• Basic initialisation
• Styling the insert cursor
• Individual column filtering
• Integration with DataTables' ColVis plug-in
• Integration with DataTables' FixedColumns plug-in
• Integration with DataTables' FixedHeader plug-in
• Using a predefined column order set
• Providing a user control to reset the column order
• Column reordering shown with scrolling in DataTables
• Server-side processing support
• State saving of the column position
• jQuery UI theme integration

ColVis

• Basic initialisation
• Activate with a mouseover rather than click
• Custom text in the button
• Using with jQuery UI ThemeRoller
• Excluding columns from the show / hide list
• Two tables initialised together - individual controls
• Two tables initialised together - shared control
• Alternative styling and reset to original

FixedHeader

• Basic demo with just the HeaderFixed
• FixedHeader without requiring DataTables
• Two tables with FixedHeaders on a single page
• Change the display order of the fixed elements (zIndex)
• A spreadsheet style layout with header and footer, left and right columns all fixed.

KeyTable

• Basic usage
• Editing a table
• Integration with an HTML form
• Integration with DataTables
• Using KeyTable with scrolling in DataTables

Editor

• Basic initialisation
• Setting defaults
• Using different field input types
• Date input fields
• Envelope display controller
• Styling the form for stacked inputs
• Inline edit and delete controls
• DOM sourced table (not Ajax)

• Using events - submit on return and close on escape
• Client-side validation
• Envelope display controller with inline controls
• Data shown only in the form
• Data shown only in the DataTable
• Formatting data especially for the DataTable
• Ajax override - using localStorage for the data source
• Plug-in field types

FixedColumns

• Basic demo of FixedColumns with zero initialisation
• Fix the left and right columns in place
• Index column attached to side of the table
• Index column, but with Y scrolling and no pagination
• Two columns fixed in place
• Fix the right column in place
• Speeding up row height matching with CSS
• Using ROWSPAN with FixedColumns
• Individual column filtering
• Setting the fixed column width and resizing the table
• Setting the fixed column width with relative sizing
• Row grouping by grouping like rows in the fixed column
• Row grouping by inserting a grouping row

TableTools

• Basic initialisation
• Setting the SWF path
• Custom button arrangement
• Button text alteration
• Using button collections
• Using jQuery UI themes
• Customising the PDF output (adding text and orientation)
• Multiple TableTools toolbars for a single table
• Multiple DataTables with a single initialisation
• User selectable rows (multiple rows)
• User selectable rows (single row)
• Alternative initialisation using 'new TableTools()'
• Altering the TableTools defaults
• TableTools plug-in buttons