An easy to use interactive table generation plugin for JQuery UI
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 JQuery UI project and you're away!
Tabulator is packed with useful features including:
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
$("#example-table").tabulator();To get Tabulator via the Bower package manager, open a terminal in your project directory and run the following commmand:
bower install tabulator --save
To get Tabulator via the NPM package manager, open a terminal in your project directory and run the following commmand:
npm install jquery.tabulator --save
To access Tabulator directly from the CDNJS CDN servers, include the following two lines at the start of your project, instead of the localy hosted versions:
<link href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/3.5.0/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/3.5.0/js/tabulator.min.js"></script>Tabulator is actively under development and I plan to have even more useful features implemented soon, including:
- Data Reactivity
- Custom Row Templates
- Additional Editors and Formatters
- Copy to Clipboard
- Print Styling
- Drag Rows Between Tables
- Multi Cell Editing
- Cell Selection
Get in touch if there are any features you feel Tabulator needs.