The KendoReact Grid enables you to reduce its density to achieve better visibility on smaller devices. For a compact appearance, you can change the value of the size option to small. The compact Grid will utilize the available space by setting smaller padding in its cells.

Getting Started

To enable the compact view:

  1. Set the size option of the Grid.

The following example demonstrates how to implement the compact grid:

View Source
Change Theme:

In this article

Not finding the help you need?