Table components are composed of several discrete areas. You typically work with the layout of a table in the Table Layout Dialog, which you can open by right-clicking a Table component that you have dropped on your page and choosing Table Layout. You can also set Table properties to cause the table component to create the default layout for each area. Descriptions of the table areas are listed below, followed by a diagram that shows the placement of the areas.
Title. Displays a title for the table,
which you can also use to include information about paginated rows and
applied
filters. Use the title
property to specify the title
content. Use the itemsText
property to specify the text
displayed for the table title for an unpaginated table. Use
the filterText
property to specify text describing the filter that is to be included in the title.
Action Bar (top). In the first row of the table, displays controls that operate on the table and its data. This area contains the following sub areas:
Actions. Displays local actions that apply to the objects in the table.
View-Changing Controls. Displays controls for changing the view of the table data, such as custom filtering and sorting. This area contains the following sub-areas:
clearTableSortButton
property to display the clear table sort button. sortPanelToggleButton
property
to display the default sort button with a default
layout of the sort panel.paginateButton
property to display the
default paginate button.
paginateButton
and paginateControls
properties to display the default layout of the Pagination area.
footerText
property to display footer content with a default layout.
The
following table shows
the relative location of the table areas. The areas that are specified with Table component properties have a blue background. The gray area
is controlled by the RowGroup and Table Column components, but is shown here for context.
Title
Bar |
||||||||||||||||
Action
Bar (top)
|
||||||||||||||||
|
||||||||||||||||
Footer |