DataTables CDN

The DataTables Content Delivery Network (CDN) is a permanent store of the software released as part of the DataTables project for you to use on your site without needing to host it yourself.

Furthermore, the CDN can serve the files for the DataTables components and dependencies that you require as a single concatenated and minified file, or as individual files through use of the DataTables download builder.

All you then need to do is include the files you want on your page! This can help improve performance on your site and make prototyping much easier.

The DataTables CDN is powered by the CloudFlare network.

DataTables

DataTables is the core software of the DataTables project, and involves two primary files, the DataTables Javascript and CSS.

Release

DataTables 2.1.8 is the current stable release of DataTables.

CSS
JS

Extensions

Extensions can be used to add additional functionality to DataTables. Those extensions which are part of the core DataTables project are available on the CDN. Current releases are shown below. The files for historical versions are also available, although for new projects always use the latest versions!

AutoFill

AutoFill adds an Excel like option to a table, allowing click and drag over cells, filling in information and incrementing numbers as needed.

CSS
JS

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. The core library provides the based framework upon which plug-ins can built. Plug-in buttons are also provided for data export, printing and column visibility control.

CSS
JS

Buttons also provides the following files that provide functional buttons.

Column visibility control:

JS

Print button:

JS

HTML5 export buttons:

JS

Please note that the HTML5 export buttons require JSZip for Excel export and PDFMake for PDF export. Use the download builder to make sure you get all the files you need.

ColReorder

ColReorder allows the end user to modify the column order of a table through drop-and-drag of column headers.

CSS
JS

DateTime

DateTime is DataTables' own DateTime picker, which we mainly use within Editor and SearchBuilder extensions to provide a user friendly way to select values for dates and times. It is freely available under the MIT license if you wish to use it in some other capacity or as part of a custom extension for DataTables.

CSS
JS

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).

CSS
JS

FixedHeader

The FixedHeader plug-in will freeze in place the header, footer and left and/or right most columns in a DataTable, ensuring that title information will remain always visible.

CSS
JS

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.

CSS
JS

Responsive

Responsive is an extension for DataTables that will automatically adjust the visible columns in a table to fit optimally into the available display space, with options for the end user to view any hidden data.

CSS
JS

RowGroup

RowGroup adds the ability to easily group rows in a DataTable by a given data point. The grouping is shown as an inserted row either before or after the group.

CSS
JS

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.

CSS
JS

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.

CSS
JS

SearchBuilder

SearchBuilder provides the end user with an easy to use UI for them to create their own complex custom search expression for a DataTable. When searching through large sets of data for specific data, this can be extremely useful.

CSS
JS

SearchPanes

SearchPanes adds panes to the DataTable with the capability to search by selecting rows in the panes. This is very useful when it comes to adding a more comprehensive searching feature and custom search capabilities.

CSS
JS

Select

Select is an extension for DataTables that provides table item selection capabilities - rows, columns and cells. Advanced selection options are available for multi-item selection and also item selection and retrieval via the DataTables API.

CSS
JS

StateRestore

StateRestore extends DataTables state saving abilities, 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.

CSS
JS

Plugins

The DataTables plug-ins are a little different from the software above in that they do not have a specific release. Rather, for the CDN, each commit is available using the initial part of the git hash for each commit, to ensure that the version of the file that you use is always available for your use and will not change version unexpectedly.

Furthermore, note that the use of plug-ins on the CDN is primarily for prototyping. Although you can include plug-ins on your page directly from the CDN, if you are using multiple plug-ins, you will benefit from combining those plug-ins that you are using into a single file to keep the number of imported files to a minimum.