🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An ultra-light (less than 1kb) jQuery table selection plugin which enables the user to select single or multiple rows in an HTML table using mouse click and touch tap.

table-selection

Documentation

table-selection-jquery-plugin

Single or Multiple select row and return value from table

preview

How to use?

Setup plugin

  var $rows = [];   $(function() {   	console.log( "ready!" );       // start plugin       $('#tableSelected').TableSelection({               sort : false, // sort or not (true | false)               status : 'multiple', // single or multiple selection (default is 'single')           }, function(obj){ // callback function return selected rows array               $rows = obj.rows;       });    }); 

Do something

   // Get HTML Object from row in array    function showSelectedRow(array){        $('#info').empty();        $.each(array, function(i, row){            $('#info').append('<li>'                 + $('#tableSelected').RowValue(row).find('td').eq(2).html() // HTML Object                + '</li>');        });    } 

You May Also Like