| 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);
}
});