Skip to main content

 –

Adding a React table to a section

Suggest edit Updated on December 1, 2021

Improve the performance of tables and benefit from a richer set of features by embedding a React table in a section.

You add React tables by embedding an out-of-the-box section rule pxListView in your UI. React tables improve data analysis with capabilities such as better aggregations or column customization. For more information, see Enhance the user experience with new Cosmos React tables.
  1. In the navigation pane of Dev Studio, click Records.
  2. Expand the User Interface category, and then click Section.
  3. Open the section that you want to edit.
  4. On the Design tab, expand the Structural list, and then drag the Embedded section onto the form.
  5. In the Section include modal dialog box, in the Section field, enter pxListView.
  6. Click Submit.
  7. On the section form, click Save.
What to do next: Configure the table that is embedded in your section. For more information, see Configuring a React table in a section.
  • Configuring a React table in a section

    Define the looks and behavior of a React table in a section to benefit from the features of React tables and help users interact with data more efficiently. For example, you can configure your table to support filtering, sorting, and custom presentation options. You can also define data sources and configure preset views for the table.

Did you find this content helpful? YesNo

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.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us