# Compact Sizing of the Grid (Compact Grid)

The Kendo UI for Vue 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 Grid as a `Compact` one we need to set its [size property](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops#size) 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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/grid/compact-grid/source.txt)

## Suggested Links

* [API Reference of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridprops)
* [API Index of the Grid](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api)