DataTables - The Javascript Table Library

A dependency free software suite for creating advanced data grids for your HTML tables.

Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary

Get started

Install DataTables

For NPM:


			npm install datatables.net-dt
		

Or, browser include:


			<link href="https://cdn.datatables.net/v/dt/dt-3.0.0-beta.2/datatables.min.css" rel="stylesheet">
			<script src="https://cdn.datatables.net/v/dt/dt-3.0.0-beta.2/datatables.min.js" ></script>
		

Initialise

Import (if using NPM / ESM):


			import DataTable from 'datatables.net-dt';
		

And run on your table:


			const table = new DataTable('#myTable', {
				// Configuration options
			});
		

Learn

This is just the start! There is a lot to explore in DataTables including how to integrate its styling with your site, make use of its API, extensions, editable and responsive tables, plus much more! Continue your journey with DataTables:

Manual Examples Download

DataTables is built upon the foundation of progressive enhancement, easily adding advanced interactive features to your HTML tables. Completely configurable, and with comprehensive documentation, DataTables has the following features (among many more):

Pagination
Previous, next and page navigation.
Instant search
Filter results by text search.
Multi-column ordering
Sort data by multiple columns at once.
Use your preferred framework
Integrations for React and Vue.
Easily theme-able
Wide variety of extensions:
Mobile friendly
Tables adapt to the viewport size.
Fully internationalisable
Easily translate DataTables into multiple languages.
Open source software
DataTables Core is MIT licensed. Commercial support is available.
And more - see the full set of examples...

This is going to save me literally weeks of work on building applications and I can put people on other projects

John Hawkins, VegasGeek

DataTables Editor out of the box looks professional, even with all the default settings - this is a serious piece of software.

Mark, Birders Online

You're in great company

DataTables is used by millions of people around the world,
including developers at these fine companies.

Company logos

Create customised, editable tables in minutes with Editor for DataTables

Save your time writing yet another CRUD application - Editor is a premium extension created to produce complex, fully editable tables that take full advantage of all of the features of DataTables. Editor is part of the DataTables Plus suite - a set of premium extensions of DataTables that add extra capabilities.

Learn More About DataTables Plus

What's new?

The latest news from the DataTables blog and around the web.

DataTables Blog Around The Web

Releases (RSS) Blog (RSS) BlueSky