The easy to use, fully featured, interactive table jQuery plugin

Interactive Tables Made Simple

A lightweight, fully featured, interactive table jQuery plugin.

Version 3.2 Out Now!

Column Calculations, Multi-level Grouping, Touch Events, Nested Data Field Definitions, Header Filter Functions, Scroll Keybindings and much more! Checkout the news article to find out more!

Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array, AJAX data source or JSON formatted data. It comes with a complete set of CSS classes to make styling your tables a doddle.

Simply include the library in your project and you're away!

Try It For Yourself

Actions speak louder than words

Instead of telling you about the enormous list of features available with Tabulator, why dont we just let you have a play!

There are a ton of interactive demos for you to check out over on the Examples Page.

HTML

<div id="tabulator-example"></div>

JavaScript

$("#tabulator-example").tabulator({
  fitColumns:true,
  tooltips:true,
  addRowPos:"top",
  history:true,
  pagination:"local",
  paginationSize:7,
  movableColumns:true,
  initialSort:[
    {column:"name", dir:"asc"},
  ],
  columns:[
    {title:"Name", field:"name", editor:"input"},
    {title:"Task Progress", field:"progress", align:"left", formatter:"progress", editor:true},
    {title:"Activity", field:"activity", width:160, formatter:lineFormatter, headerSort:false},
    {title:"Gender", field:"gender", width:90, editor:genderEditor},
    {title:"Rating", field:"rating", formatter:"star", align:"center", width:100, editor:true},
    {title:"Color", field:"col", width:130, editor:"input"},
    {title:"Date Of Birth", field:"dob", width:130, sorter:"date", align:"center"},
    {title:"Car", field:"car", width:80,  align:"center", formatter:"tickCross", sorter:"boolean", editor:true},
  ],
});

Extensive Feature Set

More Features than you can shake a stick at

Tabulator has an enormous number of features to help customize your experience to your needs.

With new features released every month, there is bound to be something to get your intertactive table juices flowing.

A detailed breakdown of all of the vailable features can be found on the Documentation Page

Filters

Filter data to display only what you need to

Sorting

Sort data however you like, by any value or data type

Formatting

Create custom formatters to graphically display data

Grouping

Graphically group rows by any specified data

Ajax

Asynchronously load data into your table via Ajax requests

Editing

Edit table data directly in the table. Then return the result

Callbacks

Interact with Tabulator through a selection of callbacks

Virtual DOM

Lightning fast rendering of large data sets using a virtualized DOM

CSS Styling

All graphical elements are assgined classes for full CSS styling

Pagination

Automatic local and remote data pagination

Packaged Themes

Five Prepackaged themes straight out the box

Mutators

Alter data as it enters and leaves the table

Accessibility

Aria tags are used on all elements for enhanced readability

Freeze Columns

Freeze columns in place while scrolling

Row Selection

Select single or multiple rows with the mouse

Localization

Localize the content of your tables to multiple languages

Download Data

Download data directly from the table to a CSV or XLSX File.

Layout

Customise the layout of Tabulator to meet your needs

Key Bindings

Customisable keyboard shortcuts for table interaction

Responsive Layout

Automatically hide & show data to fit table size

Persistent Layout

Remember user layout preferences between visits

History

Record user interactions and Undo or Redo actions

Navigation

Navigate focus around the table with keyboard and functions

Column Calculations

Calculate max, min, avg, & sum values from column data