New to Kendo UI for Vue? Start a free 30-day trial

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 small.

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.

View Source
Change Theme:

In this article

Not finding the help you need?