You can drag the Grid Panel component from
the Palette's Standard or Layout category to the Visual Designer to create a table in which
you can arrange components. You first drag a Grid Panel to the
page and then drop other components on the panel. Components
are added left to right and top to bottom in the grid.
If you want a table that displays database tables, use the Table component. If you want a more free-form arrangement of components, use the Group Panel component.
By default, a Grid Panel has one column. When you add more than one component to it, the Grid Panel adds a row for each component and displays the components vertically. In the Grid Panel Properties window, you can specify the number of columns in the columns property. If you specify more than one column, the Grid Panel component display components from left to right to fit the number of columns and resizes the number of rows based on how many components the panel contains.
For example if you drop a Standard Checkbox on the Grid Panel, followed by a Standard Component Label, and then drop another Standard Checkbox followed by another Standard Component Label, the default, one-column Grid Panel displays them vertically, as shown in the following figure:
If you right-click the border of the Grid Panel and choose
Properties, and then change the value of the columns
property
to 2, the Grid Panel displays the same components as follows:
The Grid Panel renders as an HTML <table>
tag.