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.
1. Proceed as described in Creating Tables With Direct Controller Access
...
1. To insert a Table into your view proceed as described in Adding UI Elements Manually.
2. Bind the Table's dataSource property to the context node that holds the data to be displayed.
3. To insert a TableColumn, select the Table in the Outline, open the context menu and choose Insert GroupedColumn… followed by TableColumn.
4. To insert a cell editor, select the TableColumn, open the context menu and choose Insert TableCellEditor.
5. Select the desired UI element to be used as cell editor. All possible cell editors are displayed in the list.
6. 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.
7. 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:
○ Drag and Drop
More information: Implementing Drag and Drop
○ Popins
○ Hierarchical tables.
○ Scroll tips
○ Toolbars