Adaptive Table Styling

tabulaData.js is a plugin to add support for responsive tables to your website written in JavaScript.

The plugin applies to regular <table> elements in HTML as long as the following assumptions are true

• your <th> and <td> elements should be inside a <tr>
• your <tr> elements are inside a <thead>, <tbody>, or <tfoot>

When the plugin loads it will add responsive support to any <table> it finds that meets the previous criteria. Here is a list of options you can include in your HTML that will change how the plugin handles your <table>:

• data-table-theme="" attribute can supply theme options. Try values of default, default zebra, dark, or dark zebra
• data-header="" attribute can supply a specific header name to override the default header name of a table cell. If the content of the corresponding <th> was ‘Canadian’ you could override that text to ‘Cdn’ using the data attribute data-header="Cdn"