FooTable - jQuery plugin for responsive HTML tables

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