Selectable Table Plugin
Plugin for Mobius1/Selectable that enables fast column and / or row selection / deselection.
# Demo
Install
Bower
bower install selectable-table-plugin --save
NPM
npm install selectable-table-plugin --save
CDN
https://unpkg.com/selectable-table-plugin@latest/selectable.table.min.js
### Enable Plugin
Add the [data-selectable="column"]
attribute to the required th
cells you want to enable
Add the [data-selectable="row"]
attribute to the required column cells to enable row selection
Add the [data-selectable="all"]
to a cell to enable selection / deselection of all cells.
<!-- select all --> Heading 1 Title <!-- select column --> Heading 2 Title <!-- select column --> Heading 3 Title <!-- select column --> Heading 4 Title <!-- select column --> Row Title <!-- select row --> Cell 1 Cell 2 Cell 3 Cell 4 ...
Make sure the plugin is included AFTER Selectable:
then:
// instantiate Selectableconst selectable = ; // enable the table pluginselectable;
That's it!
# Demo
Copyright © 2017 Karl Saunders | BSD & MIT license