FooTable Toggle Column

FooTable will automatically add the "toggler" to the first column by default. The "toggler" is the plus/minus icon which expands and collapses the row when a FooTable breakpoint has fired

Specifying The Toggle Column

You can specify which of your columns is the toggle column (the column which has the toggle icon) by adding data-toggle="true":

<thead>
    <tr>
        <th>
            First Name
        </th>
        <th data-toggle="true">
            Last Name
        </th>
    </tr>
</thead>

Customize The Icon

FooTable comes with a couple built-in icons to choose from. Check out the icon styles demo and take your pick!

Do Not Show A Toggle Column At All

You might not want to show a toggler at all in your table. Simply set the addRowToggle option to false

$('.footable').footable({
    addRowToggle: false
});