React Grid Layouts

Customize how your data is displayed in your React Pivot Table with our flexible grid layouts. Choose the best view to highlight key insights and match your react application’s style.

Grid layouts define how data is structured in your pivot table. Selecting the right layout can greatly enhance the clarity of your information. WebDataRocks offers three main layout options:

• Classic Layout: Space-Saving Efficiency – This layout saves space by combining row fields into a single column. It’s perfect for dashboards and reports with limited screen area.

• Compact Layout: It provides the usual Excel-like layout of hierarchies, where sub-levels of hierarchies are shown, one by one, in separate columns. The user can immediately see all members in this form and have a constant overview of the slice structure.

Flat table view

• Flat Layout: Display data in a simple, table-like format. Ideal for exploring individual data points without aggregations.

Each grid form has its use cases and is better to use in specific cases. You can learn more about their advantages in the grid layout documentation.

FAQ