cdn.datatables.net Open in urlscan Pro
2606:4700:20::ac43:4b21  Public Scan

Form analysis
0 forms found in the DOM

Text Content

DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
Login / Register

Colour scheme

What is this?

Auto
Light
Dark

 * Examples
 * Manual
 * Reference
 * Extensions
 * Plug-ins
 * Blog
 * Forums
 * Support
 * FAQs
 * Download
 * Purchase

≡ Show site navigation


DATATABLES CDN

The DataTables Content Delivery Network (CDN) is a permanent store of the
software released as part of the DataTables project for you to use on your site
without needing to host it yourself.

Furthermore, the CDN can serve the files for the DataTables components and
dependencies that you require as a single concatenated and minified file, or as
individual files through use of the DataTables download builder.

All you then need to do is include the files you want on your page! This can
help improve performance on your site and make prototyping much easier.

The DataTables CDN is powered by the CloudFlare network.

STYLING OPTIONS

Select the styling libraries that you wish to use using the buttons below to
display the files that should be included on your page.

DataTablesBootstrap 3Bootstrap 4Bootstrap 5

BulmaFoundationjQuery UISemantic UI


DATATABLES

DataTables is the core software of the DataTables project, and involves two
primary files, the DataTables Javascript and CSS.

 * Documentation, usage and examples
 * Release notes
 * Previous releases


RELEASE

DataTables 2.1.8 is the current stable release of DataTables.

CSS
JS


EXTENSIONS

Extensions can be used to add additional functionality to DataTables. Those
extensions which are part of the core DataTables project are available on the
CDN. Current releases are shown below. The files for historical versions are
also available, although for new projects always use the latest versions!


AUTOFILL

AutoFill adds an Excel like option to a table, allowing click and drag over
cells, filling in information and incrementing numbers as needed.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


BUTTONS

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. The core library provides the based framework upon which plug-ins can
built. Plug-in buttons are also provided for data export, printing and column
visibility control.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS

Buttons also provides the following files that provide functional buttons.

Column visibility control:

JS

Print button:

JS

HTML5 export buttons:

JS

Please note that the HTML5 export buttons require JSZip for Excel export and
PDFMake for PDF export. Use the download builder to make sure you get all the
files you need.


COLREORDER

ColReorder allows the end user to modify the column order of a table through
drop-and-drag of column headers.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


DATETIME

DateTime is DataTables' own DateTime picker, which we mainly use within Editor
and SearchBuilder extensions to provide a user friendly way to select values for
dates and times. It is freely available under the MIT license if you wish to use
it in some other capacity or as part of a custom extension for DataTables.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


FIXEDCOLUMNS

FixedColumns "freezes" in place the left most columns in a scrolling DataTable,
to provide a guide to the end user (for example an index column).

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


FIXEDHEADER

The FixedHeader plug-in will freeze in place the header, footer and left and/or
right most columns in a DataTable, ensuring that title information will remain
always visible.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


KEYTABLE

KeyTable provides Excel like cell navigation on any table. Events (focus, blur,
action etc) can be assigned to individual cells, columns, rows or all cells.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


RESPONSIVE

Responsive is an extension for DataTables that will automatically adjust the
visible columns in a table to fit optimally into the available display space,
with options for the end user to view any hidden data.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


ROWGROUP

RowGroup adds the ability to easily group rows in a DataTable by a given data
point. The grouping is shown as an inserted row either before or after the
group.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


ROWREORDER

RowReorder adds the ability for rows in a DataTable to be reordered through user
interaction with the table (click and drag / touch and drag). Integration with
Editor's multi-row editing feature is also available to update rows immediately.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


SCROLLER

A virtual renderer for DataTables, allowing the table to look like it scrolls
for the full data set, but actually only drawing the rows required for the
current display, for fast operation.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


SEARCHBUILDER

SearchBuilder provides the end user with an easy to use UI for them to create
their own complex custom search expression for a DataTable. When searching
through large sets of data for specific data, this can be extremely useful.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


SEARCHPANES

SearchPanes adds panes to the DataTable with the capability to search by
selecting rows in the panes. This is very useful when it comes to adding a more
comprehensive searching feature and custom search capabilities.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


SELECT

Select is an extension for DataTables that provides table item selection
capabilities - rows, columns and cells. Advanced selection options are available
for multi-item selection and also item selection and retrieval via the
DataTables API.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


STATERESTORE

StateRestore extends DataTables state saving abilities, allowing multiple states
to be saved and reloaded at any time. There is also the possibility to customise
which elements of DataTables are stored in each saved state.

 * Documentation, usage and examples
 * Release notes
 * Previous releases

CSS
JS


PLUGINS

The DataTables plug-ins are a little different from the software above in that
they do not have a specific release. Rather, for the CDN, each commit is
available using the initial part of the git hash for each commit, to ensure that
the version of the file that you use is always available for your use and will
not change version unexpectedly.

Furthermore, note that the use of plug-ins on the CDN is primarily for
prototyping. Although you can include plug-ins on your page directly from the
CDN, if you are using multiple plug-ins, you will benefit from combining those
plug-ins that you are using into a single file to keep the number of imported
files to a minimum.

 * Latest plug-ins
   * API
   * Sorting
   * Type detection
   * Integration
   * Features
   * Internationalisation
   * Pagination
   * Filtering
 * Historic plug-in builds
 * Plug-in documentation

Build real-time interactions on the world's most feature-complete PubSub network
www.pubnub.com
Ads by EthicalAds
Page navigation
 * Top
 * DataTables
   * Release
 * Extensions
   * AutoFill
   * Buttons
   * ColReorder
   * DateTime
   * FixedColumns
   * FixedHeader
   * KeyTable
   * Responsive
   * RowGroup
   * RowReorder
   * Scroller
   * SearchBuilder
   * SearchPanes
   * Select
   * StateRestore
 * Plugins

DATATABLES

DataTables designed and created by SpryMedia Ltd.
© 2007-2024 MIT licensed. Privacy policy.
SpryMedia Ltd is registered in Scotland, company no. SC456502.