Access FooTable functions programmatically
redraw | toggle a random row
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

FooTable API

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

Example code from demo

$('.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);
    }
});