Sizing Pivot Layouts

Summary

  • The widths of Pivot Result Columns can be saved in a Pivot Layout

Layout Column Sizing in Pivot Layouts is configured using the ColumnSizing property.

This property - also used for Table Layouts - allows you set the width (or flex) for each Column in the Layout.

Additionally you can set the Minumum Width, Maximum Width and Resizability of each Column.

Find Out More

See Table Layout Column Sizing for an in-depth discussion of the objects used

Pivot Aggregation Columns

Pivot Aggregation Columns can easily be sized, and given either a Width or a Flex.

Pivot Aggregation Columns: Widths
Fork
  • In this example we provide bespoke Column Widths of 350px for 2 Pivot Aggregation Columns in the Layout Definition - Github Stars and Github Watchers

Pivot Result Columns

AdapTable also allows you to define - and save - the widths of Pivot Result Columns.

Note

AG Grid dynamically generates Pivot Result Columns for each unique permutation of Pivot Column value and Aggregation Column

Saving Pivot Result Columns Widths is also done using the Layout's ColumnSizing property.

Pivot Result Columns: Widths
Fork
  • In this example we provide bespoke Column Widths for 2 Pivot Result Columns in the Layout Definition (both using AG Grid's autogenerated ColumnId)
  • pivot_language_HTML_github_watchers and pivot_language_JavaScript_github_stars are both given custom widths of 350px
  • Note: Although we have set the widths in the Layout, it is far more common for the User to set them in the UI (and for AdapTable to persist those changes)