Properties of Grid Table

ID – unique identifier of the table
Visible Row Count – number of rows visible
Fixed column count – number of columns to fixed
Model – model to be used
Entity set – entity set to be used based from the model assigned
Filters – set the filters to be passed onto the model
OnFilter – executes the javascript assigned to the event
Selection mode – type of selection
Selection behaviour – method of selection
Visible – shows/hides the table
OnRowSelect – executes the javascript assigned to the event
OnSort – executes the javascript assigned to the event
More - opens up the Additional Properties Dialog Screen
1. Enabled - This boolean property allows you to disable or enable the entire grid.
Advanced - properties of the control not available in the above list can be added here.

Setting Additional Properties provides further information about the Advanced property

More Properties Screen

No Auto Load – setting to prevent loading the data into the table
OnUpdateFinished - executes the javascript function assigned for this event
rowHeight – controls the height
Width – controls the width
columnHeaderHeight - controls the header height
columnHeaderVisible – shows/hides the column header
firstVisibleRow – first visible row
Editable - enables/disables the table
Threshold - defines the number of entries to be requested from the model for each grow (e.g. setting it to 100 will request and show the first 100 entries)
showColumnVisibilityMenu
showNoData – shows the table when empty
visibleRowCountMode, minAutoRowCount, fixedRowCount, rowActionCount and fixedBottomRowCount – Row count properties
enableColumnFreeze, enableCellFilter, enableSelectAll, enableCustomFilter, enableBusyIndicator, enableColumnReordering and enableGrouping – enable additional table properties and funtionalities

Step-by-step guide

Right click on a Page and select Add Table-→Grid Table
A Grid Table has been added.
Right Click on the Grid Table and select Add Table Columns
Right Click on the created Table Column and select Add Column. The Column Heading can be set in the created column.
Right Click on the Column and select Add Cell.
Right Click on the Table Cells to add the corresponding UI Element

Related articles