jpkraemer / jquery-selectableTable

A jQuery plugin making an html table selectable

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Selectable Table

A simple jQuery plugin to make an HTML table selectable. Row selection can be toggled by clicking. Multiple rows can be selected by holding the shift key, following the same rules as the Mac OS X Finder. Selected rows are not deselected when clicking a row without any modifier keys, though, as this would make multi-row selections on touch devices impossible.

Usage

To make a table with the id "table" selectable, just put $("#table").selectableTable({ selectionClass: "warning" }); somewhere in your JS. The selectionClass is added as a class to all selected rows. The options parameter can be omitted, causing the plugin to use the default selectionClass "selected".

When the selection changes, the selectableTable triggers a "selectionChanged" event, you can observe using $("#table").on('selectionChanged', function...).

Use $("#table").data('selectableTable').getSelection() to get the selected rows (as a jQuery object containing trs).

About

A jQuery plugin making an html table selectable


Languages

Language:JavaScript 100.0%