This module provides integration for the jQuery FooTable plugin for creating responsive tables. The FooTable plugin allows wide tables to appear as usual on large displays but on smaller screens it can hide certain columns within expanding and collapsing rows.

FooTable 7.x-1.x

The 7.x-1.x release of this module provides integration with V2 of the FooTable jQuery Plugin. Currently the recommended minimal version is V2.0.1.4.

FooTable 7.x-2.x

The 7.x-2.x release of this module provides integration with V3 of the FooTable jQuery Plugin. Currently the recommended minimal version is V3.0.8.

Dependencies

The FooTable module requires the following modules:

The FooTable plugin also requires atleast jQuery version 1.7 which requires either one of the following modules:

FooTable 7.x-2.x

The 7.x-2.x release of the FooTable module also requires the following modules:

If you're using the standalone version of the FooTable plugin, you need to include the Font Awesome font in your project. The easiest way to do this is by installing the following module:

Installation

See the README file for detailed installation instructions.

Usage

  • When creating a view, select the FooTable format.
  • Click on the Settings link, under the Format section.
  • Scroll down to the FooTable Settings section.
  • Designate the column to be used for the Expandable column setting.
  • Under the Collapsed Columns section, choose the "breakpoints" for which each column should be hidden.

For more details, see the FooTable screencast on codekarate.com or Ivan Zugec's blog post, Responsive Tables In Drupal 7 With FooTable, on WebWash.net.

Credits

This module would not be possible without the FooTable plugin itself. Thanks to Bradvin & Steveush for making it available and to all the others who helped inspire it.

This module is largely based on code from the DataTables module. Many thanks to Duellj for developing and contributing that module.

Project Information

Downloads