When loading a Grid Widget, all the rows of data are loaded.
The Grid can also be configured with Paging : it only loads pages of 50 rows (configurable), and a page navigator allows to see the rest of the data.
Check Allow Paging under Basic Settings and set a Page Size (default 50) :
The User can still scroll down each page (depending on the widget height), but not more than 50 rows at a time.
Then the navigator can be used to go to :
- first page
- previous page
- a specific page number
- next page
- last page
Grid column width is by default constant, but can be configured to adapt to the content width.
Check Fit To Content under Basic Settings :
At runtime, the user can resize the columns.
Hover your mouse between the column headers to show a “resize” pointer :
Then you can :
- drag to resize manually
- double-click to automatically resize the left column to the largest element
Grid lines (columns/rows separators) can be displayed or hidden.
Check the corresponding Horizontal_/_Vertical option :
Column Headers style
The visual style of widgets is inherited from the currently applied Theme.
You can override the column headers style by selecting a color for their background and font :
Alternate Row Coloring
For better readability, you can configure a secondary row color to display only on the odd-numbered rows.
Check Alternate Row Coloring and select a color :