You are here

Home » API reference » Responsive Tables 7

README.txt in Responsive Tables 7 

Responsive Tables
=================

Overview
--------

Allows tables to act in a responsive fashion using a [technique designed by the Filament Group](http://filamentgroup.com/lab/responsive_design_approach_for_complex_multicolumn_data_tables/)

Installation
------------

Extract into your modules directory (ex: sites/all/modules/contrib) and enable the module.

Usage
-----

The module can be used as a library by calling drupal_add_library('responsive_tables', 'responsive_tables') along with your own table output.

It can also be used in conjunction with the [Better Views Tables](http://drupal.org/sandbox/minorOffense/1793630) module to allow configuration from the Views UI.

Edit your view and change the style plugin to "Better Views Tables". Then in the settings for the style plugin, mark the "Responsive" checkbox near the bottom and configure your column priorities to "Persist", "Essential", "Optional" or "None".

Persist
:   Sets a column to always show no matter the screen resolution

Essential
:   High priority column which remains visible at all times. But unlike "persist" columns, these can be toggled in the display drop down.

Optional
:   Optional columns are automatically hidden as the table is resized. They can be re-enabled using the display drop down.

None
:   These are the first columns to disappear as they have the lowest priority. They can also be toggled in the display.

File

README.txt
View source 
  1. Responsive Tables

  2. =================

  3. 

  4. Overview

  5. --------

  6. 

  7. Allows tables to act in a responsive fashion using a [technique designed by the Filament Group](http://filamentgroup.com/lab/responsive_design_approach_for_complex_multicolumn_data_tables/)

  8. 

  9. Installation

  10. ------------

  11. 

  12. Extract into your modules directory (ex: sites/all/modules/contrib) and enable the module.

  13. 

  14. Usage

  15. -----

  16. 

  17. The module can be used as a library by calling drupal_add_library('responsive_tables', 'responsive_tables') along with your own table output.

  18. 

  19. It can also be used in conjunction with the [Better Views Tables](http://drupal.org/sandbox/minorOffense/1793630) module to allow configuration from the Views UI.

  20. 

  21. Edit your view and change the style plugin to "Better Views Tables". Then in the settings for the style plugin, mark the "Responsive" checkbox near the bottom and configure your column priorities to "Persist", "Essential", "Optional" or "None".

  22. 

  23. Persist

  24. :   Sets a column to always show no matter the screen resolution

  25. 

  26. Essential

  27. :   High priority column which remains visible at all times. But unlike "persist" columns, these can be toggled in the display drop down.

  28. 

  29. Optional

  30. :   Optional columns are automatically hidden as the table is resized. They can be re-enabled using the display drop down.

  31. 

  32. None

  33. :   These are the first columns to disappear as they have the lowest priority. They can also be toggled in the display.