• This widget will only work in tablesorter version 2.8+.
• The widget was modified from Tablesorter-Static-Row-Plugin by ascii-soup (MIT license).
• It has been updated to work in tables with multiple tbodies, but not within information-only tbodies.
• This widget was not tested, nor was it meant to be used with the pager.
• Note This demo was updated to allow toggling of static rows.

Group widget default options (added inside of tablesorter widgetOptions)

Option	Default	Description
staticRow_class	".static"	Set a class name to use to lock a row in place, include a period.
staticRow_data	"static-index"	Set the jQuery data name to use with the row element. This data name saves the row index, and is only available as an option to avoid conflicts.
staticRow_index	"row-index"	Use this data-attribute to set the desired static row location Set the desired location using either of these two methods: Use a zero-based index of the row <tr data-row-index="5">...</tr> Note setting this index to much more than the number of table rows ensures that it will stay at the bottom when adding new rows. Use a percentage if total rows within it's tbody <tr data-row-index="50%">...</tr> These values take priority over the actual row index, so as shown in the "Single tbody" demo below, the header row is set to 50%, but initially, it is located at the top of the table. If these values are changed dynamically, the static row location can be updated

Method

If adding or removing rows from the table, using any of the update methods will automatically refresh the static row indexes. Use the "Add Row" button below to test this.

To modify or refresh the static row indexing without updating, trigger a staticRowsRefresh event on the table:

var $row = $("tr:contains('Iguana')");
// move Iguana row down one (remember, this only works on static rows)
$row.data('row-index', $row.data('row-index') + 1);
$(table).trigger('staticRowsRefresh');

this allows moving a static row dynamically; try the Move "Ignuana" row buttons above the "Single tbody" demo.

Event

A staticRowsComplete event is triggered after the static rows widget has completed moving the static rows back into place. Use it as follows:

$(table).bind('staticRowsComplete', function(table){
	console.log('static rows applied to ' + table.id);
});