Use this wizard to render a data set as a filterable/sortable HTML table. The HTML table is rendered using a NetUI data grid.
To open the Data Grid wizard:
Note: the Data Grid wizard is offered as a choice when repeating types (arrays, collections, etc.) are dragged and dropped from the Data section of the Design Palette.
The Data source area specifies the data set and the data type of the object to be rendered. The Browse button lets you select from a list of available objects.
The Grid name specifies a unique name for the grid.
The Style prefix specifies a string prefix that prepends (or replaces) the values for the class attribute in the rendered HTML tags. For detailed description of this behavior see CSS Attributes in the NetUI documentation.
The Grid columns area specifies the properties for a given column in the rendered HTML table.
Header Text specifies the label displayed at the top of the column.
Render As specifies how the content of the column is rendered. Possible values are:
Further properties are specified in the Column Properties.
Content Source specifies the source of the column.
The Column properties area specifies detailed properties for the column content.
The Pager tab specifies properties for links that navigate through the HTML table.
NetUI documentation: <netui-data:grid>
Tutorial: Accessing Controls from a Web Application: Step 3: Create a Data Grid