Commit 263fcbc0 authored by Carsten  Rose's avatar Carsten Rose
Browse files

Update Manual.rst for tablesorter usage.

parent 04cc1fa8
Pipeline #909 passed with stage
in 1 minute and 45 seconds
......@@ -6795,9 +6795,9 @@ E.g.::
Tablesorter
-----------
QFQ includes a third-party client-side table sorter. tablesorter 2.31.0 is used, see official docs here: https://mottie.github.io/tablesorter/docs/index.html
QFQ includes a third-party client-side table sorter: https://mottie.github.io/tablesorter/docs/index.html
To turn any table into a sortable table, use this simple setup:
To turn any table into a sortable table:
* Ensure that your QFQ installation is importing the appropriate js/css files, see setup-css-js_.
* Add the `class="tablesorter"` to your `<table>` element.
......@@ -6805,18 +6805,17 @@ To turn any table into a sortable table, use this simple setup:
In addition to the *tablesorter* class, there are the following additional options:
* Adding the class `tablesorter-filter` enables table filtering.
* Adding the class `tablesorter-pager` adds table paging functionality. With this option the html for the page navigation
* Class `tablesorter-filter` enables row filtering.
* Class `tablesorter-pager` adds table paging functionality. A page navigation
is dynamically injected.
* Adding the class `tablesorter-column-selector` adds a column selector widget. With this option the html for the column
selector is dynamically injected.
* Class `tablesorter-column-selector` adds a column selector widget.
For additional customization there are the following options:
Customization:
* Add the desired classes or data attributes to your table html, e.g.:
* `data-sorter="false"` on a <th> to disable sorting on that column
* `class="filter-false"` on a <th> to hide the filter field for that column
* `data-sorter="false"` on a '<th>' to disable sorting on that column
* `class="filter-false"` on a '<th>' to hide the filter field for that column
* see docs for more options: https://mottie.github.io/tablesorter/docs/index.html
* You can pass in a default configuration object for the main `tablesorter()` function by using the attribute
......@@ -7194,15 +7193,15 @@ One page (collect variables)
A page will be called with several SIP variables, but not at all at the same time. To still get all variables at any time: ::
# Normalize
10.sql = SELECT '{{order:USE:::sum}}' AS _=order, '{{step:USE:::5}}' AS _step, '{{direction:USE}}' AS _direction
10.sql = SELECT '{{order:USE:::sum}}' AS _=order, '{{step:USE:::5}}' AS _step, '{{direction:USE:::ASC}}' AS _direction
# Different links
20.sql = SELECT 'p:{{pageAlias:T}}&order=count|t:Order by count|b|s' AS _link,
'p:{{pageAlias:T}}&order=sum|t:Order by sum|b|s' AS _link,
'p:{{pageAlias:T}}&step=10|t:Step=10|b|s' AS _link,
'p:{{pageAlias:T}}&step=50|t:Step=50|b|s' AS _link,
'p:{{pageAlias:T}}&direction=asc|t:Order by up|b|s' AS _link,
'p:{{pageAlias:T}}&direction=desc|t:Order by down|b|s' AS _link
'p:{{pageAlias:T}}&direction=ASC|t:Order by up|b|s' AS _link,
'p:{{pageAlias:T}}&direction=DESC|t:Order by down|b|s' AS _link
30.sql = SELECT * FROM items ORDER BY {{order:U}} {{direction:U}} LIMIT {{step:U}}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment