Download

The best method for getting a hold of DataTables for use in your project depends upon your programming environment. The download builder below provides a simple method that you can use to build your own custom DataTables package - including only the software that you need, and providing options to have it hosted on the DataTables CDN, download the package locally or install through a package manager such as npm, yarn or NuGET.

If you are upgrading an old version of a DataTables CDN or downloaded file created by this download builder and want to use the same build options with the latest versions, look in the JS file header and you'll find a URL that will automatically select the options needed.

Step 1. Choose a styling framework

DataTables' default styling.
v2.1.8
Legacy version of Bootstrap - useful if you need to support old browsers.
v3.3.7
v4 of possibly the world's most widely used styling library.
v4.6.0
The latest iteration of the ever popular Bootstrap framework.
v5.3.0
Modern CSS framework based on Flexbox
v1.0.1
A modern responsive styling framework.
v6.4.3
A collection of Javascript widgets as well as a styling framework.
v1.13.2
Treats words and classes as exchangeable concepts. Formally Semantic UI.
v2.8.8

Step 2. Select packages

DataTables requires jQuery. Don't select either version if you already have it.
v3.7.0
Use for compatibility with older browsers. jQuery 3 requires IE9+.
v1.12.4
Don't select if you already have _STYLE_ on your page.
Enhance HTML tables with advanced interaction controls.
v2.1.8
Add full editing controls to your DataTables.
Editor is a commercial extension for DataTables, it requires a license to use it for longer than the free trial period. Please create an account or login to be able to include Editor in the package.
v2.3.2

Extensions

Excel-like click and drag copying and filling of data.
v2.7.0
A common framework for user interaction buttons.
v3.2.0
End user buttons to control column visibility.
v3.2.0
Copy to clipboard and create Excel, PDF and CSV files from the table's data.
v3.2.0
Required for the Excel HTML5 export button.
v3.10.1
Required for the PDF HTML5 export button.
v0.2.7
Button that will display a printable view of the table.
v3.2.0
Click-and-drag column reordering.
v2.0.4
Date picker used in Editor, SearchBuilder and other components for DataTables.
v1.5.4
Fix one or more columns to the left or right of a scrolling table.
v5.0.4
Sticky header and / or footer for the table.
v4.0.1
Keyboard navigation of cells in a table, just like a spreadsheet.
v2.12.1
Dynamically show and hide columns based on the browser size.
v3.0.3
Show similar data grouped together by a custom data point.
v1.5.1
Click-and-drag reordering of rows.
v1.5.0
Virtual rendering of a scrolling table for large data sets.
v2.4.3
User defined complex search builder.
v1.8.1
Search panels for DataTables allowing rapid and customisable filtering.
v2.3.3
Adds row, column and cell selection abilities to a table.
v2.1.0
Save and restore DataTables states.
v1.4.1

Step 3. Pick a download method

  • CDN
  • Download
  • NPM
  • Yarn
  • Bower
  • NuGet
  • Composer

The DataTables CDN provides a convenient way to quickly get started with DataTables. The DataTables software is hosted on the CDN (powered by CloudFlare) and you simply need to include the HTML and CSS files as directed below.

Use minified files for smaller files sizes and faster downloads.
Combine files together for a, typically, faster download.

The files required for the link and script tags shown above can be downloaded using the button below. The package is downloaded as a zip file which should be unzipped and uploaded to your web-server.

Download files

Use the following to install the selected software in your own package:

Please note that the packages for DataTables and all of its extensions include TypeScript type definitions that will be automatically detected and used if you are using TypeScript.

The Editor NPM package is available from our private registry and you need to setup authentication before it can be used. Please see the documentation here for details of how to do this and to find your access key.

ES modules

To use the software selected from above with an ES module loader (e.g. modern Node.js, Vite, ESBuild, etc) use the following import statements:

CommonJS

If you are using CommonJS as the loader for your Javascript, use the following code to require the modules (see the Node.js / NPM install documentation for full details of using DataTables with a module loader):

Install

Use the following to install the selected software in your package:

The Editor NPM package is available from our private registry and you need to setup authentication before it can be used. Please see the documentation here for details of how to do this and to find your access key.

ES modules

To use the software selected from above with an ES module loader (e.g. modern Node.js, Vite, ESBuild, etc) use the following import statements:

CommonJS

If you are using CommonJS as the loader for your Javascript, use the following code to require the modules (see the Node.js / NPM install documentation for full details of using DataTables with a module loader):

Bower is a popular client-side package manager, and while it has now largely been supplanted by npm / yarn, there are still a number of older projects that use it.

Install

Nuget is the package manager for .NET applications, the DataTables packages are hosted here so that they can be easily integrated into .NET projects.

Please note that Editor is not currently available on NuGET. Please download the files directly and reference locally, or use the NPM packages.

Install

Composer is the dependency manage for PHP. The packages are hosted and available through Composer from Packagist, which is the main composer repository.

Please note that Editor is not currently available on NuGET. Please download the files directly and reference locally, or use the NPM packages.

Install