To insert a table into a view you can either insert the Table UI element and its elements manually or use the template.
Using the template allows you to quickly develop a table with the standard display and functions. You can rearrange the elements and add additional elements later on. On the other hand you can start by directly inserting a Table and its elements, if you have specific requirements.
Procedures
Creating Tables Using the Template
- Proceed as described in Creating Tables With Direct Controller Access
Adding Tables manually
- To insert a Table into your view proceed as described in Adding UI Elements Manually .
- Bind the Table's dataSource property to the context node that holds the data to be displayed.
- To insert a TableColumn, select the Table in the Outline, open the context menu and choose Insert GroupedColumn… followed by TableColumn.
- To insert a cell editor, select the TableColumn, open the context menu and choose Insert TableCellEditor.
- Select the desired UI element to be used as cell editor. All possible cell editors are displayed in the list.
- Bind the TableCellEditor's relevant property - for example for an InputField the value property -, to the relevant context attribute inside the node to which the Table's dataSource property is bound.
You have now completed all the required steps for implementing a basic table with one column.
- To insert special functions, select the Table, open the context menu and choose the desired element. With this step, you can insert different elements to specify functions such as:
More information
Adding New Rows
Implementing TableRowGrouping
Defining Cell Variants
Implementing Scroll Tips