GroupTable
component is a table with an ability to group information dynamically by any field. In order to group a table by a column
the required column should be dragged to the left and dropped on the element of the table header. Grouped values can be expanded and collapsed using
/
.

XML name of the component: groupTable
.

Component is implemented only for Web Client. In Desktop Client it behaves like a regular table.
groupDatasource must be specified for GroupTable
in the datasource
attribute of the rows
element. Otherwise, grouping will not work. Example:
<dsContext> <groupDatasource id="ordersDs" class="com.sample.sales.entity.Order" view="orderWithCustomer"> <query> select o from sales$Order o order by o.date </query> </groupDatasource> </dsContext> <layout> <groupTable id="ordersTable" width="100%"> <columns> <group> <column id="date"/> </group> <column id="customer.name"/> <column id="amount"/> </columns> <rows datasource="ordersDs"/> </groupTable>
group
is an optional element that can be present in a single instance inside columns. It contains a set of column
elements, by which grouping will be performed initially when opening a screen.
If aggregatable
attribute is true
, the table shows aggregation results for each group and results for all rows in an additional row on the top. If showTotalAggregation
attribute is false
, results for all rows are not shown.
The rest of the GroupTable
functionality is similar to a simple Table.
groupTable
attributes:
allowPopupMenu | height | reorderingAllowed | width |
columnControlVisible | id | sortable | |
editable | multiselect | stylename | |
enable | presentations | visible |
groupTable
elements:
columns
elements:
column attributes:
caption | dateFormat | resolution | |
captionProperty | editable | visible | |
clickAction | id | width | |
collapsed | optionsDatasource |
column elements:
rows attributes: