Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Port of Filament Groups jQuery plugin that allows columns to be shown/hidden with checkboxes based on media queries http://goo.gl/qJN9W
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Demo
css
js
less
README.md

README.md

MooTools ResponsiveTable

Port of Filament Group's Responsive Table jQuery plugin. Allows a default set of columns to be shown at different screen sizes and enables user to toggle them with a display menu.

jsfiddle demo: http://jsfiddle.net/Blink/kZUg8/

Usage

Arguments


new ResponsiveTable(table, options);
  1. table - (mixed) String selector or an Element referencing the table
  2. options - (object, optional) A key/value object for options

Options


  • classes - (object) CSS Classes

    • enhanced - (string) Applied to the table when an instance is created default enhanced
    • persist - (string) If present, the Class ignores this column and always shows it default persist
    • colHidden - (string) Applied when a column is hidden by a checkbox default 'col-hidden'
    • colVisible - (string) Applied when a column is shown by a checkbox default 'col-visible'
  • displayMenu - (object) Options for the element that contains the display checkboxes

    • linkText - (string) Text used in the link default Display columns
    • position - (string) Where the display menu is injected in relation to the container default top
  • checkInputEvents - (array|string) The state of the display menu checkboxes are checked against these events default ['orientationchange', 'resize']

Events


  • checkInputState - (function) Checkbox state has been checked when a resize event fires
  • displayMenuToggle - (function) Display Menu is toggled
Something went wrong with that request. Please try again.