An easy to use interactive table generation JavaScript library
Full documentation & demos can be found at: http://tabulator.info
Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array or JSON formatted data.
Simply include the library and the css in your project and you're away!
Tabulator is packed with useful features including:
Tabulator is built to work with all the major front end JavaScript frameworks including React, Angular and Vue.
Tabulator is free and open source under the MIT license. If your organization runs Tabulator in production and needs more than community help, the maintainers offer paid support plans with response-time targets, priority bug fixes, security patches, long-term maintenance and sponsored feature development.
See Commercial Support for plan details, or email sales@tabulator.info.
Get new releases, features and tips from the Tabulator team by email: subscribe to the Tabulator newsletter.
Setting up tabulator could not be simpler.
Include the library and the css
<link href="dist/css/tabulator.min.css" rel="stylesheet"> <script type="text/javascript" src="dist/js/tabulator.min.js"></script>
Create an element to hold the table
<div id="example-table"></div>
Turn the element into a tabulator with some simple javascript
var table = new Tabulator("#example-table", {});
To get Tabulator via the Bower package manager, open a terminal in your project directory and run the following command:
bower install tabulator --save
To get Tabulator via the NPM package manager, open a terminal in your project directory and run the following command:
npm install tabulator-tables --save
To access Tabulator directly from the UNPKG CDN servers, include the following two lines at the start of your project, instead of the locally hosted versions:
<link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet"> <script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
Tabulator comes with both Unit and End-to-End (E2E) tests. Here’s how you can run them:
# Unit test npm run test:unit # E2E test npm run build # Make sure to build the project first npx playwright test # Run the tests # or npm run test:e2e # Run all tests npm run test