Interactive Tables Plugin for jQuery
JavaScript CSS HTML PHP

README.md

Tabluator Table

Version 2.9 Out Now!

An easy to use interactive table generation plugin for JQuery UI

Full documentation & demos can be found at: http://olifolkerd.github.io/tabulator


Tabluator Table


Features

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:

  • Fully CSS styleable
  • JSON, array or AJAX data loading
  • Column sorting
  • Pagination
  • Editable cells
  • Data Accessors and Mutators
  • Adding/Deleting rows
  • Custom data formatting
  • Movable rows and columns
  • Persistant Column Layouts (cookie storage of user layout changes)
  • Grouping Rows
  • Data filtering
  • Resizable columns
  • Auto scaling to fit data/element
  • Many theming options
  • Custom click and context Events
  • Callbacks at every stage of data processing and rendering

Setup

Setting up tabulator could not be simpler.

Include the library and the css

<link href="tabulator.css" rel="stylesheet">
<script type="text/javascript" src="tabulator.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();

Bower Installation

To get Tabulator via the Bower package manager, open a terminal in your project directory and run the following commmand:

bower install tabulator --save

NPM Installation

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

Coming Soon

Tabulator is actively under development and I plan to have even more useful features implemented soon, including:

  • Custom Row Templates
  • Aditional Editors and Formatters
  • Column Calculations
  • Frozen Rows and Columns
  • Copy to Clipboard
  • Print Styling
  • Minified source files
  • Minified CSS and JS
  • Mobile Responsive Design

Get in touch if there are any features you feel Tabulator needs.