Views Responsive Table using table saw plugin
Categories
Component ID
Component name
Component type
Maintenance status
Development status
Component security advisory coverage
Component created
Component changed
Component body
This module provides integration for the jQuery Tablesaw plugin for creating responsive tables. The Tablesaw plugin allows wide tables to appear as usual on large displays but on smaller screens it can hide certain columns within swiping rows.
Note : It will work for responsive theme
Installation instructions in Drupal 7
1. Download the tablesaw library from https://github.com/filamentgroup/tablesaw
Download Js file -https://github.com/filamentgroup/tablesaw/blob/master/dist/tablesaw.js
Download Css file-https://github.com/filamentgroup/tablesaw/blob/master/dist/bare/tablesaw...
2. Place the tablesaw library in libraries/tablesaw so tablesaw.js is located at libraries/tablesaw/js/tablesaw.js
3. Place the tablesaw library in libraries/tablesaw so tablesaw.js is located at libraries/tablesaw/css/tablesaw.bare.css
4. Enable Views Tablesaw Responsive Table module
The Tablesaw plugin also requires atleast jQuery version 1.7 which requires either one of the following modules:
- Views
- Jquery Update
- libraries
Installation instructions in Drupal 8
No need to install any other library .just go views responsive formate style setting and choose table formate
Installation
See the README file for detailed installation instructions.
Usage
When creating a view, select the responsive table format.
Click on the Settings link, under the Format section.
Scroll down to the tablesaw Settings section.
First is dropdown has three type responsive table "stack","swipe","toggle".
and also have two check box to enable jquery shorting and also generate dynamic dropdown for responsive table type
Similar Modules
Responsive Tables - You can choose a priority for your columns, and as the screen width is reduced, these columns are hidden completely, which isn't great.
Foo Table - A brilliant module, allowing you to keep all column content, but displays it in block content, rather than keeping the original table height.
Credits
This module would not be possible without the Tablesaw plugin itself. Thanks to zachleat for making it available and to all the others who helped inspire it.