Dynamic tables are structured grids of information created automatically using a json schema to define their structures

Design and behaviour

Dynamic tables are based on egeo table component so they have the same design and behaviour.

Theme customization

You can customize some table styles using the following css variables

Selectable tables

Sortable table

Table can be configured as sortable or not. Moreover, it allows to configure only specific fields as sortable using uiDefinition input. In this example, we have marked "company" column as not sortable.

Filterable table

Table can be configured as filterable or not. Moreover, it allows to configure only specific fields as filterable

>

Filterable table with custom template

Table can be configured as filterable or not. Moreover, it allows to configure only specific fields as filterable

Apply

Table with fixed header

In order to fix the header, it is needed to set the input 'fixedHeader' to true and specify to st-table tag from outside "display:flex; height: 'the desired height'"

Table with fixed header and sticky hover menu

Table without header

Table with custom class 'separated rows'

Table with custom css definitions

Tables with Fks and groups