Skip to main content

Table of Contents

Arranging column visibility by importance

Applicable to Theme UI-Kit applications

Ensure that the most important information in a table is always displayed by specifying which columns have priority.

Depending on the width and number of columns, screen resolution, and configuration, you might choose to hide some columns to save space. You can prioritize the columns in a table to ensure that the most important columns are always visible to users.

Columns that you mark as Primary, act as the unique identifier for each row and contain crucial information, such as product name or ID. Secondary columns store data that is not unique but is required to complete a task, for example, the price of a product. Columns with Other importance contain contextual information that does not affect usability, such as an image of a product. The interface always displays columns that have primary and secondary importance, and you can choose to hide the less important columns on small screens, for example, on mobile devices.

Add a table to your application by defining a field group list in a step. For more information, see Adding field groups to forms.
  1. In the navigation pane of Dev Studio, click Case types, and then click the case type that you want to open.

  2. On the case type tab, run a new case by clicking Save and run.

  3. On the new case tab, navigate to the table that you want to edit.

  4. In the footer of Dev Studio, click the Live UI icon.

    The Live UI tool activates. You can now inspect user interface components in real time.
  5. Click the layout that contains the table that you want to edit, and then click the Open in Dev Studio icon.

  6. On the Edit section tab, click the circle above the column that you want to edit, and then click the View properties icon.

  7. In the Column Properties window, in the Importance list, select the importance of the column:

    • To assign the column top priority, select Primary.
    • To assign the column secondary priority, select Secondary.
    • To assign the column the lowest priority, select Other.
  8. Click Submit.

  9. Optional:

    To assign priority to other columns, repeat steps 6 through 8.

  10. On the Edit section tab, click Save.

  11. Optional:

    To preview the table in mobile mode, see Previewing a portal.

Did you find this content helpful?

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us