Data Grid - Layout
The data grid offers multiple layout modes.
Percentage dimensions
When using % (percentage) for your height or width, you need to make sure the container you are putting the data grid into also has an intrinsic dimension. The browsers fit the element according to a percentage of the parent dimension. If the parent has no dimensions, then the % will be zero.
Predefined dimensions
You can predefine dimensions for the parent of the data grid.
Desk
Commodity
Trader Name
Trader Email
Quantity
Press Enter to start editing
Auto height
The autoHeight prop allows the data grid to size according to its content.
This means that the number of rows will drive the height of the data grid and consequently, they will all be rendered and visible to the user at the same time.
Desk
Commodity
Trader Name
Trader Email
Quantity
Press Enter to start editing