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 1.10.20 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. Please note that the HTML5 export buttons require JSZip and PDFMake in order to operate.

Column visibility control
JS
Flash export buttons
JS
HTML5 export buttons
JS
Print button
JS

ColReorder

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

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

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

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.