A html table where each column can be sorted by clicking it's header
Also a search-box where the rows are filtered on the written text.
To define your own table:
- Give each column a unique name in the header, see below.
- Fill up with your rows, and make sure the div "hidden-data" contains each rows data for sorting. NOTE: Use lower case, because the search use lower case.
- Define each columns datatype in the js-object dataTypes. This is for sorting to work. (string-wise or number-wise)
That's it! You should not need to change anything in the javascript-functions for the sorting and filtering to work.
Screen dump:
