[DataTables
Advanced interaction
features for your tables.
](/)
[Editor
Comprehensive editing
library for DataTables.
](https://editor.datatables.net)
[Manual](/manual)
[Download](/download)
Login / Register
×
Colour scheme
[What is this?](https://datatables.net/tn/20#Theme)
Auto
Light
Dark
[](https://server.ethicalads.io/proxy/click/8294/019595d6-1e15-72a2-9720-a697c2f3524d/)
[**Watch Our Demo** video to see firsthand how to upgrade your site with end-to-end AI Search.](https://server.ethicalads.io/proxy/click/8294/019595d6-1e15-72a2-9720-a697c2f3524d/)
resources.algolia.com
[Ads by EthicalAds](https://www.ethicalads.io/advertisers/topics/backend-web/?ref=ea-image)
[](#Add-advanced-interaction-controlsto-your-HTML-tables-_the-free-&-easy-way_)Add advanced interaction controls
to your HTML tables _the free & easy way_
============================================================================================================================================================
Browser NPM
1 Include these two files
CSS [](//cdn.datatables.net/2.2.2/css/dataTables.dataTables.min.css)
JS [](//cdn.datatables.net/2.2.2/js/dataTables.min.js)
2 Initialise your DataTable:
[Javascript](#)
1
`let` `table =` `new` `DataTable(``'#myTable'``);`
1 Install DataTables
[Plain text](#)
1
`npm install datatables.net-dt`
2 Import DataTables and initialise
[Javascript](#)
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](/manual/installation)
102550100 entries per page
Search:
Name
Position
Office
Age
Start date
Salary
Airi Satou
Accountant
Tokyo
33
11/28/2008
$162,700
Angelica Ramos
Chief Executive Officer (CEO)
London
47
10/9/2009
$1,200,000
Ashton Cox
Junior Technical Author
San Francisco
66
1/12/2009
$86,000
Bradley Greer
Software Engineer
London
41
10/13/2012
$132,000
Brenden Wagner
Software Engineer
San Francisco
28
6/7/2011
$206,850
Brielle Williamson
Integration Specialist
New York
61
12/2/2012
$372,000
Bruno Nash
Software Engineer
London
38
5/3/2011
$163,500
Caesar Vance
Pre-Sales Support
New York
21
12/12/2011
$106,450
Cara Stevens
Sales Assistant
New York
46
12/6/2011
$145,600
Cedric Kelly
Senior Javascript Developer
Edinburgh
22
3/29/2012
$433,060
Name
Position
Office
Age
Start date
Salary
Showing 1 to 10 of 57 entries
* [Examples](/examples/index)
* [Manual](/manual/index)
* [Reference](/reference/index)
* [Extensions](/extensions/index)
* [Plug-ins](/plug-ins/index)
* [Blog](/blog/index)
* [Forums](/forums/index)
* [Support](/support/index)
* [FAQs](/faqs/index)
* [Download](/download/index)
* [Purchase](/purchase/index)
≡ _Show site navigation_
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](/manual/react) and [Vue](/manual/vue).
Easily theme-able
[DataTables default](/examples/basic_init/zero_configuration.html), Bootstrap [3](/examples/styling/bootstrap)/[4](/examples/styling/bootstrap4)/[5](/examples/styling/bootstrap5), [Bulma](/examples/styling/bulma) and [Semantic UI](/examples/styling/semanticui).
Wide variety of [extensions:](/extensions)
[Editor](http://editor.datatables.net/), [Buttons](/extensions/buttons/), [Responsive](/extensions/responsive/) and [more](/extensions/).
Mobile friendly
Tables adapt to the viewport size.
Fully internationalisable
Easily [translate DataTables](/plug-ins/i18n/) into multiple languages.
Free open source software
[MIT license!](/license/mit) [Commercial support](/support).
[And more - see the full example list...](/examples)
You're in great company
-----------------------
DataTables is used by people at these fine companies.
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](//editor.datatables.net)
What's new?
-----------
The latest news from the DataTables blog and around the web.
[
#### Building DataTables with Symfony
##### 13th Mar 2025
UX DataTables is a Symfony bundle integrating the DataTables library in Symfony applications.
](https://github.com/pentiminax/ux-datatables)
[
#### ITables v2
##### 20th Mar 2024
Congratulations to Mac Wouts on the release of his ITables 2.0 software. It is an MIT licenses python package that renders Python DataFrames using DataTables.
](https://mwouts.github.io/itables/quick_start.html)
[
#### DataTables 2!
##### 15th Mar 2024
It is with real pleasure that I announce the general availability of DataTables 2. It has been a long time in coming, with aspects of its development starting in 2018, ...
](/blog/2024/datatables-2)
[
#### Experiment: Import Maps
##### 7th Mar 2023
With ES modules gaining traction throughout the entire Javascript ecosystem, it is natural to want to use them directly in the browser. We can do that through the type="module" attribute ...
](/blog/2023/importmap)
[
#### Loaders for plug-ins
##### 28th Feb 2023
Plug-ins are a very important part of the DataTables eco-system. They expand DataTables' capabilities, wrap common actions into simple functions and provide a way for code to be shared in ...
](/blog/2023/esm-plugins)
[
#### Editor 2.1
##### 10th Feb 2023
I'm delighted to announce the immediate availability of Editor 2.1 and DataTables 1.13.2. Editor 2.1 is the cumulation of months of tweaks, features and fixes, and you'll be able to see ...
](/blog/2023/editor-2.1)
[
#### .NET6 server-side processing
##### 28th Jul 2022
David has updated his useful server-side processing library for .NET to support .NET6.
](https://github.com/DavidSuescunPelegay/jQuery-datatable-server-side-net-core)
[
#### Vue3 component
##### 22nd Jun 2022
Vue.js is a front-end Javascript framework that is widely used for creating reactive web-applications. It is consistently one of the most popular frameworks around, and in this post I will ...
](/blog/2022/vue)
[
#### Themes with DataTables
If you are looking for a quick way of creating stylish looking tables, integrated with the rest of your site, then there are a number of styling kits available which use DataTables.
](/manual/styling/kits)
[DataTables Blog](/blog) [Around The Web](/news)
[Releases (RSS)](/feeds/releases.xml) [Blog (RSS)](/feeds/blog.xml) [BlueSky](https://bsky.app/profile/datatables.bsky.social)
Page navigation
* [Top](#top)
* [Advanced tables, instantly](#undefined)
* [You're in great company](#undefined)
* [What's new?](#undefined)
#### DataTables
DataTables designed and created by [SpryMedia Ltd](//sprymedia.co.uk).
© 2007-2025 [MIT licensed](/license/mit). [Privacy policy](/privacy). [Supporters](/supporters).
SpryMedia Ltd is registered in Scotland, company no. SC456502.
[](#)[](#)
[](#)