a!gridLayoutHeaderCell( label, helpTooltip, align, showWhen )
Defines a column header for use in an Editable Grid.
See also: Grids design guidance
| Name | Keyword | Types | Description |
|---|---|---|---|
|
Label |
|
Text |
Text to display as the column header. |
|
Help Tooltip |
|
Text |
Displays a help icon with the specified text as a tooltip. |
|
Alignment |
|
Text |
Determines the header label's alignment. Valid values: |
|
Visibility |
|
Boolean |
Determines whether the header cell is displayed in the grid. When set to false, the header cell is hidden and is not evaluated. Default: true. |
Copy and paste an example into the INTERFACE DEFINITION in EXPRESSION MODE to see it displayed.
This example needs to be used with the a!gridLayout() function for it to display anything. Examples that you can see in action are available in the Grid Layout component section.
1
2
3
4
a!gridLayoutHeaderCell(
label: "Total",
align: "RIGHT"
)
The following patterns include usage of the Editable Grid Header Component.
Add Validations to an Inline Editable Grid (Validation, Grids, Looping): Allows the user to change data directly in a grid, and validate a various entries.
Add, Edit, and Remove Data in an Inline Editable Grid (Grids, Looping): Allow the user to change data directly in an inline editable grid.
Display Multiple Files in a Grid (Document Management, Grids): Show a dynamic number of files in a grid and edit certain file attributes.
Expand/Collapse Rows in a Tree Grid (Hierarchical Data, Grids): Create a grid that shows hierarchical data and allows users to dynamically expand and collapse rows within the grid.
Track Adds and Deletes in Inline Editable Grid (Grids): In an inline editable grid, track the employees that are added for further processing in the next process steps.
Use Selection For Bulk Actions in an Inline Editable Grid (Grids): Allow the user to edit data inline in a grid one field at a time, or in bulk using selection.
