Page Comparison

Properties of Grid Table

...

1. No Auto Load – setting to prevent loading the  data into the table
2. OnUpdateFinished - executes the javascript function assigned for this event
3. rowHeight – controls the height
4. Width – controls the width
5. columnHeaderHeight - controls the header height
6. columnHeaderVisible – shows/hides the column header
7. firstVisibleRow – first visible row
8. Editable - enables/disables the table
9. 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)
10. showColumnVisibilityMenu
11. showNoData – shows the table when empty
12. visibleRowCountMode, minAutoRowCount, fixedRowCount, rowActionCount and fixedBottomRowCount – Row count properties
13. enableColumnFreeze, enableCellFilter, enableSelectAll, enableCustomFilter, enableBusyIndicator, enableColumnReordering and enableGrouping – enable additional table properties and funtionalities

Step-by-step guide

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

Related articles

...