- In the navigation pane of Dev Studio, click Records.
- Expand the User Interface category, and then click Section.
- Search for and open an existing section.
- If the section is based on a template, in the section editor header, click convert to full section editor, and then confirm the conversion.
- On the Design tab, expand the Structural list, and then drag the Table layout onto the work area.
- In the layout header, click the View properties icon.
- In the Data source section, specify the source of the data
for the layout:
Choices Actions Property
- In the Source field, select Property.
- In the List /Group field, enter a Page List property or a Page Group property with which you want to populate the layout.
- In the Source field, select Report Definition.
- In the Applies To field, enter the class of the report definition.
- In the Report definition field, enter the report definition rule with which you want to populate the layout.
- Optional: To set your table to duplicate the display of the columns
from the report definition, select the Create
grid dynamically check box.
- Optional: To specify a virtual report definition page that is a clipboard page of the Rule-Obj-Report-Definition type, select the Specify virtual report definition check box, and then define the report definition by name or by property reference.
- If you complete step 7.d and your report definition has
parameters, in the Parameters section,
perform one of the following actions:
- To use all the existing parameters from the Parameters tab of the report definition, select the Pass current parameter page check box.
- To pass only selected parameters to the report definition, enter the parameter values in the Value field.
- Optional: To save the report definition results in an existing page
in the clipboard, instead of the default results page,
select the Specify custom results
page check box, and then specify the
clipboard page by name or by property reference.
- In the Source field, select Data page.
- In the Data page field, enter the data page with which you want to populate the layout.
- In the Grid summary field, type a description of the
table for accessibility purposes.
- In the Conditions section, in the Grid visibility field, select when you want to display the table layout.
- In the Row visibility field, select when you want to display the table rows.
- In the Row refresh field, select when you want to refresh the table rows.
- Optional: To display a table header and footer, in the Header and
footer section, select the relevant check boxes, and then in the
drop-down lists that appear, select when you want to display the table header
- Optional: To split the database output into more manageable segments, in the
Pagination section, perform the following tasks:
- In the Pagination format field, select one of the available formats.
- In the Page size (number of rows) field, define the number of rows that you want to have on one page of your table.
- If you select a property or data page as the source of data for your table in step 7 and you want to use a custom activity that will load data from the source, select the Specify pagination activity check box, and then, in the Pagination activity field, define the activity.
- If you define a pagination activity in step 13.c, you can also manage sorting and filtering with the activity by selecting the check boxes that appear.
- Click Submit.
- On the section form, click Save.
- Modifying presentation options of the non-optimized table layout
Define the look and behavior of a table layout in your user interface to build a responsive, intuitive, and user-friendly application that meets your business needs. For example, you can style your table like a spreadsheet or make the table responsive to the screen width changes.
- Configuring master-detail settings
Show extra information about the contents of each row by configuring the master-detail settings in your table. By enabling users to access data in a row, you help them avoid losing the current context.