Compact Sizing of the Native Grid (Compact Grid)
The Native Grid component allows setting its rendering with smaller paddings between its elements. This configuration is suitable in scenarios where the Grid is displayed on a mobile device or when you want to show more data simultaneously.
To configure the Native Grid as a
Compact one we need to set its size property to
The following example provides a side-by-side comparison between the
Compact Grid and a Grid with a
Default sizing. If you check the example's code, you will see that it uses the same Grid component two times. The only difference between the two Grid configurations is the value of the
size property passed to each of them.