Name | Actions | DOB | Status |
---|---|---|---|
Isidra | toggle | delete | 22 Jun 1972 | Active |
Shona | toggle | delete | 3 Oct 1981 | Disabled |
Granville | toggle | delete | 19 Apr 1969 | Suspended |
Easer | toggle | delete | 13 Dec 1977 | Active |
Maple | toggle | delete | 30 Dec 1991 | Suspended |
Maxine | toggle | delete | 17 Oct 1987 | Disabled |
Lorraine | toggle | delete | 11 Nov 1983 | Disabled |
Lizzee | toggle | delete | 1 Nov 1961 | Suspended |
Judi | toggle | delete | 23 Jun 1981 | Active |
Lauri | toggle | delete | 15 Nov 1985 | Suspended |
You can access most of the FooTable functions very easily. First, get the FooTable object from your table, which is stored in the data:
var footable = $('.footable').data('footable');
And then call a function inside the FooTable object:
//force FooTable to redraw itself footable.redraw(); //delete a row footable.removeRow(row_to_delete);
Some functions you may want to call include resize, redraw, toggleDetail, removeRow, appendRow, createOrUpdateDetailRow, raise
$('.row_actions a').click(function(e) { e.preventDefault(); //get the FooTable object from the table var footable = $(this).parents('table:first').data('footable'); //get the row we clicked on var $row = $(this).parents('tr:first'); //determine the action we want to perform if ($(this).text() == 'delete') { if (confirm('are you sure?')) { footable.removeRow($row); } } else { footable.toggleDetail($row); } });