Tersus: Re: Fix The Table Title Row

Re: Fix The Table Title RowDate: May 2, 2017The attached projects has a table where the title row is fixed, as well as header row(s) just below the title row and footer row(s) at the bottom, while the table's content is scrollable ("scrollable data grid"). Note that you can throw the header and/or the footer from the model if not required.

LegacyGrid.tersusTo change a table into a scrollable data grid:

Make sure the table is contained in a DIV with an explicit height (either fixed or dynamic). Width can also be set explicitly, but the default (100%) is usually good enough.

You can use an explicit pane, or a wrapperTrag.
In both cases, it's possible to use CSS techniques or Tersus' ter-max-height to allow elastic height based on available height (in the attached example, "Grid Pane" has ter-max-height).

Change the table's pluginVersion to 2.

Set the following properties:

html.scrollable:true
html.sortable:true(single column) or 'multi' for multi-column sorting
html.resizableColumns (true/false)
html.rmovableColumns (true/false)

To control visibility and column order use the following data elements:

<All Columns> (read only) - Columns in their original order.
<Visible Columns> (read/write) - Visible columns only in currently displayed order (get), or desired display order (set). Removing "Visible Columns" restores original column order and visibility.
<Hidden Columns> (read/write) - Currently hidden columns (always retrieved in visible order, when setting).
<Sort Order>.

The event <On Move Column> can be used to store user-preferred column order (using <Visible Columns>).