Skip to main content

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

Adding a React table to a section

Updated on December 13, 2022

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.

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

Close Deprecation Notice
Contact us