Skip to content
Amey Sakhadeo edited this page Oct 6, 2013 · 1 revision

Basics

Tabulate is jquery plugin that aids in rendering of dynamic data tables. It also has provision to ease pagination of the data set.

The plugin can be invoked on any table element:

$('#mytable').tabulate(config);

In above example, #mytable is the id of a table element.

Semantics

The table on which the tabulate plugin is invoked must follow clean HTML semantics. The column headers must be inside of the <thead> tag like so:

<table id="mytable">
   <thead>
        <th>Sr. No</th>
        <th>Name</th>
        <th>Language</th>
    </thead>
    <tbody>
    <!-- PLUGIN WILL INSERT DATA HERE -->
    </tbody>
</table>

As shown in above example, plugin inserts data rows within the <tbody>. If a <tbody> isn't present, tabulate will create one during initialization.

Clone this wiki locally