Extensions
DataTables core provides a comprehensive set of tools for the display of a basic table, but you might find that you wish to add extra features or interactivity to your tables. Rather than bundling everything into a single large file, to help with performance and maintenance, we publish extensions for DataTables that provide extra tools for you to use in your tables. This can be advanced filtering tools through ColumnControl and SearchBuilder, or data export options and table control with Buttons.
The extensions for DataTables all follow the same basic usage patterns, but please see the documentation for each extension for specific installation and usage instructions.
Manuals
AutoFill
AutoFill adds an Excel like data fill option to DataTables, allowing click and drag over cells, filling in information and incrementing numbers as needed. Read more »
Buttons
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. Modules are also provided for data export, printing and column visibility control. Read more »
CardView
A card view mode for DataTables, where each row in the table is shown as a card, which can be defined with custom templates. Read more »
ColReorder
ColReorder allows the end user to modify the column order of a table through drop-and-drag of column headers. Read more »
ColumnControl
ColumnControl lets you add column-specific control content to the header and footer of a DataTable, including ordering buttons, search inputs and search lists. Read more »
DateTime
DateTime provides a common date / time UI picker for other extensions to use. It can also be used externally to DataTables, so you can use the same UI throughout all components on your site. Read more »
Editor
Editor provides the ability for end users to quickly and easily edit data contained in a DataTable. The Editor and DataTables packages contain everything you need to easily create a UI for editable tables. Combine with the server-side libraries, and you can create everything needed for fully editable tables in minutes. Read more »
FixedColumns
FixedColumns "freezes" in place the left most columns in a scrolling DataTable, to provide a guide to the end user (for example an index column). Read more »
FixedHeader
The FixedHeader plug-in will freeze in place the header and / or footer of a table, ensuring that title information will remain always visible when any part of the table is in the scrolling viewport. Read more »
KeyTable
KeyTable provides Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual cells, columns, rows or all cells. Read more »
Responsive
Responsive will automatically optimise the table's layout for different screen sizes through the dynamic column visibility control, making your tables useful on desktop and mobile screens. Read more »
RowGroup
RowGroup provides a simple API to visually grouped sets of data in a DataTable. This grouping, which can be dynamically controlled with the API, can be used to provide customised aggregation of data, letting users quickly view a summary of like data. Read more »
RowReorder
RowReorder adds the ability for rows in a DataTable to be reordered through user interaction with the table (click and drag / touch and drag). Integration with Editor's multi-row editing feature is also available to update rows immediately. Read more »
Scroller
A virtual renderer for DataTables, allowing the table to look like it scrolls for the full data set, but actually only drawing the rows required for the current display, for fast operation. Read more »
SearchBuilder
SearchBuilder adds user defined arbitrarily complex search to the DataTable with the capability to search the DataTable by creating groups and conditions. It is possible to set logic types for groups and apply a variety of conditions. Read more »
Select
Select adds item selection capabilities to a DataTable. Items can be rows, columns or cells, which can be selected independently, or together. Item selection can be particularly useful in interactive tables where users can perform some action on the table such as editing. Read more »
StateRestore
StateRestore extends DataTables' stateSave option, allowing multiple states to be saved and reloaded at any time. There is also the possibility to customise which elements of DataTables are stored in each saved state. Read more »