If you want to sort data in your data source array, you can
simply invoke an Array.prototype.sort() function and call
the render() function to refresh the table. You don't need
any plugin for this. However, this operation alters the
structure of the data source, and in many cases you want to
leave the data source intact, while displaying its content
in a specified order.Here's where column sorting plugin
comes in handy.
Column sorting plugin works as a proxy between the data
source and the Handson table rendering module. It can map
indices of displayed rows (called logical indices) to the
indices of corresponding rows in data source (called
physical indices) and vice versa. This way you can alter the
order of rows which are being presented to user, without
changing the data source internal structure.
Add pages to your table.
The search plugin provides an easy interface to search
data across Handson table.You should first enable the plugin by setting the search
option to search. When enabled, searchPlugin exposes a new
method query(queryStr), where queryStr is a string to find
within the table. By default, the search is case
insensitive.query(queryStr, [callback], [queryMethod]) method does 2
things. First of all, it returns an array of search results.
Every element is an objects containing 3 properties:
row – index of the row where the value has been found
col – index of the column where the value has been found
data – the value that has been found
The second thing the query does is set the isSearchResult
property for each cell. If a cell is in search results, then
its isSearchResult is set to true, otherwise the property is
set to false.