Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Modifying presentation options of the optimized table layout

Updated on December 13, 2022
Applicable to Theme Cosmos applications

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.

Before you begin: Create a table layout for your application. For more information, see Creating a table layout with code optimization.
  1. In the navigation pane of Dev Studio, click Records.
  2. Expand the User Interface category, and then click Section.
  3. From the section list, select the section that contains the layout that you want to use.
  4. In the Table header, click the View properties icon, and then select the Presentation tab.
  5. In the Style list, select a pattern for the table rows and columns.
    Tip: You can see the available styles and their previews in the out-of-the-box skin rules. For more information, see Component style formats.
  6. In the Container format list, define the look of the layout.
  7. In the Width of content list, define whether the width of the layout columns is set as a percentage or in pixels:
    • To set minimum column widths that expand when the content exceeds the minimum width, select Pixels (fit content).
    • To set column widths as fractions of the total width of the layout area, specified in pixels, select Fill (100%).
  8. Optional: To define additional layout behavior, select any number of the following checkboxes, which represent specific personalization settings:
    • To display the container headings, select the Display container header and titlecheckbox, and then configure the headings in the Header settings section, which opens when you select the option.
    • To make your grid adjust to screen width changes, select the Responsiveness checkbox.
      Note: The responsiveness option is not present when you enable the Allow Group by (Additional settings on the column) option on the Operations tab.
      Tip: When you enable responsiveness, you can specify which columns users can see in the table when the available screen width is reduced. For more information, see Arranging column visibility by importance.
    • To override the default presentation when the grid is empty, select the Display custom message when there are no rows to display checkbox. In the fields that open when you select the option, you can specify a custom section or a field value that you want to present instead.
    • To override the default presentation when your filter criteria yield no matching results, select the Display custom message when there are no results upon filtering checkbox. In the fields that open when you select the option, you can specify a custom section or a field value that you want to present instead.
    • To display additional options with custom actions in the toolbar, select the Display custom actions in toolbar checkbox. For more information see, Adding custom actions to the table toolbar.
  9. Click Submit.
  10. On the section form, click Save.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us