Add advanced interaction controls
to your HTML tables the free & easy way

1 Include these two files
CSS
JS
2 Initialise your DataTable:
1
let table = new DataTable('#myTable');
1 Install DataTables
1
npm install datatables.net-dt
2 Import DataTables and initialise
1
2
3
import DataTable from 'datatables.net-dt';
 
let table = new DataTable('#myTable');
3 You get a fully interactive table

Full Getting Started Guide

NamePositionOfficeAgeStart dateSalary
Airi SatouAccountantTokyo3311/28/2008$162,700
Angelica RamosChief Executive Officer (CEO)London4710/9/2009$1,200,000
Ashton CoxJunior Technical AuthorSan Francisco661/12/2009$86,000
Bradley GreerSoftware EngineerLondon4110/13/2012$132,000
Brenden WagnerSoftware EngineerSan Francisco286/7/2011$206,850
Brielle WilliamsonIntegration SpecialistNew York6112/2/2012$372,000
Bruno NashSoftware EngineerLondon385/3/2011$163,500
Caesar VancePre-Sales SupportNew York2112/12/2011$106,450
Cara StevensSales AssistantNew York4612/6/2011$145,600
Cedric KellySenior Javascript DeveloperEdinburgh223/29/2012$433,060
NamePositionOfficeAgeStart dateSalary
Showing 1 to 10 of 57 entries

DataTables Javascript table library

Advanced tables, instantly

DataTables is a Javascript HTML table enhancing library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.

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.
Free open source software
And more - see the full example list...

You're in great company

DataTables is used by people 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.

Learn More About Editor

What's new?

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

DataTables Blog Around The Web

Releases (RSS) Blog (RSS) BlueSky