TableView
PUBLISHED
The Dali::Toolkit::TableView class is a layout container for aligning child actors in a grid like layout.
TableView constraints the x and y position and width and height of the child actors.
Figure: TableView

In this tutorial, the following subjects are covered:
Creating a TableView
The following example shows how to create a TableView object:
void HelloWorldExample::Create( Application& application )
{
TableView tableView = TableView::New( 4, 4 );
tableView.SetKeyboardFocusable( true );
tableView.SetParentOrigin( ParentOrigin::CENTER );
tableView.SetSize( 300, 300 );
for( int row = 0; row < 4; ++row )
{
for( int col = 0; col < 4; ++col )
{
std::ostringstream str;
str << row << "-" << col;
TextLabel textLabel = TextLabel::New( str.str() );
textLabel.SetKeyboardFocusable( true );
textLabel.SetBackgroundColor( Color::WHITE );
tableView.AddChild( textLabel, TableView::CellPosition( row, col ) );
}
}
Stage::GetCurrent().Add( tableView );
}
TableView Properties
The following table lists the available TableView properties.
Table: TableView properties
| Property | Type | Description |
|---|---|---|
ROWS |
UNSIGNED INTEGER | The number of rows |
COLUMNS |
UNSIGNED INTEGER | The number of columns |
CELL_PADDING |
VECTOR2 | The cell padding |
LAYOUT_ROWS |
MAP | The rows layout |
LAYOUT_COLUMNS |
MAP | The columns layout |
The following table lists the available TableView’s child properties.
Table: TableView Child properties
| Property | Type | Description |
|---|---|---|
CELL_INDEX |
VECTOR2 | The top-left cell this child occupies |
ROW_SPAN |
FLOAT | The number of rows this child occupies |
COLUMN_SPAN |
FLOAT | The number of columns this child occupies |
CELL_HORIZONTAL_ALIGNMENT |
STRING | The horizontal alignment of this child inside the cells |
CELL_VERTICAL_ALIGNMENT |
STRING | The vertical alignment of this child inside the cells |
Was this document helpful?
We value your feedback. Please let us know what you think.
