⚠️ This is highly experimental package and doesn't follow semantic versioning yet.
This component is used to show pivot table. Cells can be simple text (classical pivot table) or charts, to do the trick it uses
cell render prop, which will get frame as param (as well as other params).
yarn add @operational/grid
height as params, because it uses virtual scrolling, so it needs to know dimensions. You can use
react-virtualized-auto-sizer to make
<PivotGrid /> to use all available space.
data param. It will provide information about which values to use as rows and columns and the actual data.
measures as param. For text-based pivot table it is required, for pivot table of charts it is optional.
cell render property, which will render content of cells. For text-based pivot table it is optional.
accessors.height - accessors (basically callbacks) responsible for detecting width and height of cells.
style.cell - styles of cell, you can use it to provide padding for example
style.border - style of border
measuresPlacement - if we want to place measures in rows or columns. Defaults to column.