There are two version of tableview (demo/github is the first one).
The "no-func" version only handles the appearance of the table. Tables are responsive = depending on available screen size, the columns you label with class (persist, essential, optional) will be shown or hidden. There is also a menu to manually toggle what you want to see.
The no-func version as some features you can add (filter extension, add a checkbox-column, embed buttons in table wrappers) but other than that it does not contain any logic, so anything you want to do with the table records, you need to add the logic for yourself.
To use this verison, just drop the js/css code into JQM or use a separate file. To initiliaze, simply add data-role="tableview" to a table. For more info, please check out the repo on Github.
The "func" version (not online yet, writing it up) is integrated into Jquery datatables. Here I have added a third layout (running along datatables standard and JqueryUI), so you will need to use a modifed datatables version. The JQM table enhancement can then be triggered from within the datatables table initiation, giving you the JQM look plus all the functionality from datatables.
Once I have the demo and instructions done I will bump this.
If you mean columns (= company, last trade...) the table is responsive = all columns are there, but depending on available screen size, only the most important ones are shown.
Check the source code of the table in the example or on Github to see how the table is configured.
In your table header you can set the following classes on your table header (TH) cells:
persist = this will always be visible (portrait & landscape) essential = will be visible if all persist are visible and space left optional = will be visible if all persist and essential are visible and space left [no class] = will be visible if all persist, essential and optional are visible and space left
The table will set up automatically depending on the classes you set in the header.
Also in the example, click the "show/hide columns" button to open the popup. Check the column you want to see.
If you are looking for table rows (= Google, Amazon, ...), you will have to add these functionalities yourself. Tableview is just for presentation.
Leave a comment on wbatton's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic