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.1/datatables.min.css" rel="stylesheet">
			<script src="https://cdn.datatables.net/v/dt/dt-3.0.1/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

Easily theme-able

Mobile friendly

Tables adapt to the viewport size.

Fully internationalisable

Open source software

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.