https://github.com/simonsmith/mootools-responsivetable
Port of Filament Groups jQuery plugin that allows columns to be shown/hidden with checkboxes based on media queries http://goo.gl/qJN9W
https://github.com/simonsmith/mootools-responsivetable
Last synced: 7 months ago
JSON representation
Port of Filament Groups jQuery plugin that allows columns to be shown/hidden with checkboxes based on media queries http://goo.gl/qJN9W
- Host: GitHub
- URL: https://github.com/simonsmith/mootools-responsivetable
- Owner: simonsmith
- Created: 2012-05-09T10:29:59.000Z (about 14 years ago)
- Default Branch: master
- Last Pushed: 2012-05-13T21:13:00.000Z (about 14 years ago)
- Last Synced: 2024-10-18T08:38:07.197Z (over 1 year ago)
- Language: JavaScript
- Size: 117 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MooTools ResponsiveTable
Port of Filament Group's [Responsive Table jQuery plugin](http://filamentgroup.com/examples/rwd-table-patterns/). 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
- - -
```js
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