The fastest way to get started with DataTables is to use the download builder. With this tool you can build a customised DataTables package, selecting the software that you wish to use in various combinations of styling and related packages to suit your needs.
Library size is important in web applications - the more code there is, the longer it takes to download and parse for the end user's browser. As such, only libraries that you actually need should be selected (this is why there is no "select all" option!).
The jQuery library provides an easy to use API for elegant DOM traversal, event handling, Ajax and more. DataTables requires jQuery to be available as it is a jQuery plug-in. Many pages will already have jQuery included, in which case you do not want to include it again. The jQuery compat option uses a version of jQuery that is suitable for old browsers - the jQuery option requires a modern browser, including IE9 and newer.
DataTables and its extensions can all be styled by various styling frameworks to ensure that your tables fit seamlessly into your site / app. The frameworks supported are DataTables' own styling, Bootstrap, Foundation and jQuery UI. Selecting the option you wish to use here will ensure that all required integration files are included.
Licenses: All - MIT
Bootstrap 3.3.7 |
Foundation 5.5.2 |
jQuery UI 1.11.4
No styling library
Do not include
The core DataTables library adds advanced interaction controls to HTML tables providing features such as paging, ordering, search all with a modern API to be able to control the table. It is, after all, the reason you are here! All of the following software require DataTables and it should be included in your download unless you already have DataTables installed.
Spreadsheets such as Excel and Google Docs have a very handy data duplication option of an auto fill tool. The AutoFill library for DataTables provides a similar interface for DataTables (even extending upon it to provide complex data interaction options). AutoFill also provides full support for Editor allowing end users to update data very quickly.
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. It also provides plug-ins for file export (HTML5 and Flash), print view and column visibility. Other libraries, such as Editor and Select also provide buttons specific to their use cases.
The column visibility plug-in for the DataTables Buttons extension provides a suite of buttons that can be used to very easily control the visibility of columns in a table. Button options include displaying a list of all columns in a drop down list, as individual buttons, and visibility control for individual or groups of columns.
Do not include
The Flash export buttons use Adobe Flash to create files on the client-side in which the DataTables' data can be saved. The Flash export can be useful when you are targeting environments which use legacy browsers and the HTML5 export option might not be available. The Flash and HTML5 export buttons can be used together, falling back to Flash if required.
Do not include
The HTML5 export buttons make use of the local file saving features of modern browsers (IE10+, Chrome, Safari, Firefox and Opera) to create files on the client-side and then download them without any server interaction required. The export options include copy to clipboard, CSV, Excel (XSLX) and PDF files.
Do not include
The print button for Buttons will copy the data from the DataTable and open a new window that can automatically trigger the browser's print action. This allows easy creation of hard copies of the table's data.
Do not include
ColReorder adds the ability for the end user to click and drag column headers to reorder a table as they see fit, to DataTables.
Editor adds full editing controls to your DataTables with a comprehensive set of options and API. Server-side libraries for PHP and .NET are available from the Editor web-site.
Editor is a commercial extension for DataTables, it requires a license to use it for longer than the free trial period. Please create an account or login to be able to include Editor in the package. License holders can also select additional field type plug-ins using this downloader to extend Editor's functionality.
FixedColumns provides the ability to fix one or more columns to the left and / or right hand side of a DataTable that scrolls along the x-axis. This can be used if the columns show grouping, index or similar information.
When displaying large amounts of data in a table, it can often be useful for the end user to have the column titles always visible. This is particularly true if using DataTables with pagination disabled, or the display length is set to a high value. The FixedHeader extension provides this ability.
KeyTable allows you to use keyboard navigation on a DataTables enhanced table, like an Excel spreadsheet - a cell shows a focus outline which can be moved using the keyboard or mouse operations. This can be particularly useful in an editable table that uses Editor allowing end users to update data very quickly.
In the modern world of responsive web design tables can often cause a particular problem for designers due to their row based layout. Responsive is an extension for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the table.
RowReorder adds end user reordering of rows in a DataTable through click-and-drag mouse and touch operations. RowReorder provides full support for Editor allowing end users to update sequential information in a fast and easy manner.
Scroller is a virtual rendering plug-in for DataTables which allows large datasets to be drawn on screen very quickly. Virtual rendering means is that only the visible portion of the table is drawn, while the scrolling container gives the visual impression that the whole table is visible, allowing excellent browser performance.
Select provides table item selection capabilities - rows, columns and cells can be selected individually or collectively. Complex selection operations such as operating system style selection (ctrl/cmd and shift click) for multiple rows can be enabled with a single option for a DataTable.
The download builder can construct files in two forms: an uncompressed format that can be useful while developing as it includes all comments in the source files, and a minifed format with a much smaller file size that should be used for production deployments.
Performance is key for web-sites and applications, and one method to improve performance (in HTTP 1.x) is to reduce the number of requests that a client makes to the server. The download builder can combine all of the individual files into a single file for you using this option.
All of the libraries described on this page are available on a CDN which means you don't have to host the files yourself while getting a rock solid network connection for your source files (the DataTables CDN uses CloudFlare). Alternatively, you can select to download and host the files yourself. The CDN data source is not available if the Editor extension is selected.
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.