Download builder

This download builder is the single best method for getting DataTables for use in your project!

It provides a simple method that you can use to select only the software that you need, and then shows you installation instructions for use via the DataTables CDN, download the package locally or install through a package manager such as npm, yarn or NuGET.

Step 1. Choose styling

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

Step 2. Select packages

DataTables core

v2.3.8
DataTables
Enhance HTML tables with advanced interaction controls.

Extensions (Select all)

v2.7.1
AutoFill
Excel-like click and drag copying and filling of data.
v3.2.6
Buttons
A common framework for user interaction buttons.
v1.0.0
CardView Plus
Card view with custom templates for DataTables.
v2.1.2
ColReorder
Click-and-drag column reordering.
v1.2.1
ColumnControl
Column specific buttons and search controls.
v1.6.3
DateTime
Date and time picker used in DataTables extensions.
v2.5.2
Editor Plus
Add full editing controls to your DataTables.
v5.0.5
FixedColumns
Fix one or more columns to the left or right of a scrolling table.
v4.0.6
FixedHeader
Sticky header and / or footer for the table.
v2.12.2
KeyTable
Keyboard navigation of cells in a table, just like a spreadsheet.
v3.0.8
Responsive
Dynamically show and hide columns based on the browser size.
v1.6.0
RowGroup
Show similar data grouped together by a custom data point.
v1.5.1
RowReorder
Click-and-drag reordering of rows.
v2.4.3
Scroller
Virtual rendering of a scrolling table for large data sets.
v1.8.4
SearchBuilder
User defined complex search builder.
v3.1.3
Select
Adds row, column and cell selection abilities to a table.

Components

v1.0.0
React component
React component for DataTables
v3.0.5
Vue component
A Vue component for DataTables

Third party libraries

style-r
Don't select if you already have _STYLE_ on your page.
v2.29.4
Moment
Date and time library for ordering and formatting dates.
v3.10.1
JSZip
Required for the Excel HTML5 export button.
v0.2.7
pdfmake
Required for the PDF HTML5 export button.

Get the most out of DataTables with DataTables Plus. Start your free 15 day trial now.

Start DataTables Plus trial

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

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.

Install

Run the following commands to add the packages required to your project, or copy the package names if you use a graphical package managers such as in Visual Studio.

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

Install

Run the following commands to add the packages required to your project.