This version of the download builder will create packages using DataTables 3 beta and compatible software. Please use and experiment with the software, providing feedback in the forum, which will allow it to be prompted to the release channel quicker! For more information DataTables 3 beta, please refer to the following documentation:
Please note that Editor, SearchPanes and StateRestore are not yet available for DataTables 3. They are still in development and will be released when ready.
Step 1. Choose styling
DataTables' default styling.
v3.0.0-beta.1
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
Libraries
Date and time library for ordering and formatting dates.
v2.29.4
React component for DataTables
v1.0.0
A Vue component for DataTables
v3.0.4
Don't select if you already have _STYLE_ on your page.
DataTables core
Enhance HTML tables with advanced interaction controls.
v3.0.0-beta.1
Extensions
Excel-like click and drag copying and filling of data.
v3.0.0-beta.1
A common framework for user interaction buttons.
v4.0.0-beta.1
End user buttons to control column visibility.
v4.0.0-beta.1
Copy to clipboard and create Excel, PDF and CSV files from the table's data.
v4.0.0-beta.1
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.
v4.0.0-beta.1
Click-and-drag column reordering.
v3.0.0-beta.1
Column specific buttons and search controls.
v2.0.0-beta.1
Date picker used in Editor, SearchBuilder and other components for DataTables.
v3.0.0-beta.1
Fix one or more columns to the left or right of a scrolling table.
v6.0.0-beta.1
Sticky header and / or footer for the table.
v5.0.0-beta.1
Keyboard navigation of cells in a table, just like a spreadsheet.
v3.0.0-beta.1
Dynamically show and hide columns based on the browser size.
v4.0.0-beta.1
Show similar data grouped together by a custom data point.
v2.0.0-beta.1
Click-and-drag reordering of rows.
v2.0.0-beta.1
Virtual rendering of a scrolling table for large data sets.
v3.0.0-beta.1
User defined complex search builder.
v2.0.0-beta.1
Adds row, column and cell selection abilities to a table.
v4.0.0-beta.1
Step 3. Pick an installation method
CDN
Download
NPM
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.
Install
Copy and paste the following HTML into your page to load the software selected above.
Try it on StackBlitz
StackBlitz is a browser based IDE where you can setup an entire development environment directly in your browser. Click the button below to create a demo based on the options selected above and try it out with a basic DataTable.
The CDN option is not available when Editor is selected.
To use Editor with CDN files, deselect Editor, and download Editor separately for local file inclusion. Alternatively, click the download tab above to download all files together, or use the NPM package manager.
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.
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.
Javascript loader
To use the software selected above use the following code in your Javascript:
CSS includes
To style your table, include the following in your CSS files (note that this assumes you are using a bundler that can resolve npm packages, such as Vite):
Try it on StackBlitz
StackBlitz is a browser based IDE where you can setup an entire development environment directly in your browser. Click the button below to create a demo based on the options selected above and try it out with a basic DataTable.
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 Composer. Please download the files directly and reference locally, or use the NPM packages.