Sortable Table

Features:

Sort the columns in a table and filter elements in the table.

Usage:

Create a table with a table header <thead>

On each <th> add the attribute axis and specifiy the type of data:

<th axis="string">Firstname</th>

Data types:

• Number: 123.45
• String: firstname
• Date: YYYY-MM-DD, DD/MM/YY[YY], DD-MM-YY[YY]
• Currency: £100.00 (any currency as long as its a single symbol)

Initialise the table:

var myTable = new sortableTable('myTable');

Options:

• overCls: the name of the class added when the mouse is over the tr.
• onClick: the name of the function to call on the onClick event.
• sortOn: the number of the column to initially sort on (zero based).
• sortBy: the direction of the sort (ASC / DESC) (default: ASC).
• filterHide: whether or not to show just the results. (default: true).

Filtering:

For the filtering, add a form with a dropdown list with an id of 'column', and a text field with an id of 'keyword'.

Add a submit button and a reset button.

On the form tag, add an on submit which calls the filter within the table object name:

<form id="tableFilter" onsubmit="myTable.filter(this.id); return false;">

Example:

ID	Firstname	Lastname	Experience (Years)	DOB