Creating a table layout with code optimization
Help users access and compare data with table layouts. Use tables in your applications as a flexible basis for users to process large amounts of information. For example, tables in a price comparison application can help users efficiently identify the best offer. You can also configure table layouts to support sorting and custom presentation options.
- 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.
- On the General tab, in the Table preference
section, select the Optimize code check box.
- Optional: To enable user personalization of tables, perform the following actions:
- Select the Personalize table check box.
- In the Default view name field enter a name for the default view.
- Optional: To automatically save a personalized view, select the Save
personalization automatically check box.
- In the Data source section, specify the source of the data for the
Table layout:
- To source the data from a page list or page group, select Property, and then in the List/Group field specify the name of the property.
- To access data from a range of sources on a clipboard, select Data Page, and then in the Data Page field specify the name of the page that you want to reference.
- In the Grid caption 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.
- Optional: To split the database output into more manageable segments, in the
Pagination section, perform the following tasks:
- In the Pagination format field, select the Pagination 1,2,3 option.
- In the Page size (number of rows) field, define the number of rows that you want to have on one page of your table.
- Optional: To enable low-code authors to modify the table from App Studio, in the
Additional settings section, select the Editable in App
Studio check box.For more information, see Configuring a table at run time.
- Click Submit.
- On the section form, click Save.
- Modifying presentation options of the 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 select the transparent style for your table or enable display of custom actions in the toolbar.
- Arranging column visibility by importance
Ensure that the most important information in a table is always displayed by specifying which columns have priority.
- Prioritizing information in tables
Ensure that important information is always displayed by specifying which columns have the top priority.
- Configuring table activities
Improve the user experience by creating optional activities that respond to changes in a Table layout. For example, if a user reorders a list of tasks to display the most important assignments first, you can use activities to propagate the changes back to the data source and save their preferred setting.
- Configuring drag-and-drop functionality for tables
Configure tables and optimized tables so that users can reorder individual rows to adjust the content of tables.
- Enabling table personalization
Improve productivity by giving users the option to save specific table configurations as reusable profiles.
Previous topic Operations and actions in a table layout Next topic Modifying presentation options of the optimized table layout