---
title: Usage
position: 2
seo_title: Guidelines for Using the Grid Component
seo_description: Get the knack of the Telerik and Kendo UI Grid and learn how to
  use the component by following the instructions and recommendations in the
  user guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI Grid requires you to follow some basic principles when using the component.

### Quick Filtering

Using the filter row or the filter menu streamlines data refinement, ensuring quick access to filter options for efficient filtering. Conversely, relying solely on the column menu for filtering can impede rapid data refinement, slowing down the user experience and hindering productivity.

<DosDonts>
<Do description="Use the filter row in Grids to prioritize quick filtering, providing users with immediate access to filter options for efficient data refinement.">![A Telerik and Kendo UI Grid with a filter row for rapid filtering.](images/components-grid-usage-quick-filtering-do.png "Expose the filter row in your Telerik and Kendo UI Grid to provide quick access to filtering options.")</Do>
<Dont description="Avoid placing filter options in the column menu when rapid filtering is a priority, as this may hinder users' ability to quickly access and apply filters to the data.">![A Telerik and Kendo UI Grid with filtering options placed in the column menu.](images/components-grid-usage-quick-filtering-dont.png "Do not place your filtering options in the column menu if your users need to be able to quickly filter the data in the grid.")</Dont>
</DosDonts>

### Multi-Column Headers

The use of multi-column headers in Grids offers a significant advantage in organizing complex datasets by grouping related data under a common umbrella. This enhances the user's ability to understand and analyze the data structure at a glance.

<DosDonts>
<Do description="Use multi-column headers in Grids to visually organize data into hierarchical groups for improved readability.">![A Telerik and Kendo UI Grid with multi-column headers.](images/components-grid-usage-multi-column-headers-do.png "Use multi-column headers in your Telerik and Kendo UI Grid to improve the visual respresentation of your data and enhance its readability.")</Do>
<Dont description="Avoid using additional text lines within headers to imitate multicolumn effects, as it complicates the layout and reduces clarity.">![A Telerik and Kendo UI Grid with very long text for the column headers.](images/components-grid-usage-multi-column-headers-dont.png "Do not use very long column header titles in your Telerik and Kendo UI Grid.")</Dont>
</DosDonts>

### Spanned Cells

Spanned cells in Grids allow efficient grouping of related data and significantly improve the clarity and readability of complex information. This method not only streamlines the presentation but also enhances the overall user experience by making data easier to navigate and understand.

<DosDonts>
<Do description="Utilize spanned cells to cluster related data and enhance readability within the Grid.">![A Telerik and Kendo UI Grid with spanned cells.](images/components-grid-usage-spanned-cells-do.png "Visualize repetitive data with spanned cells in your Telerik and Kendo UI Grid to avoid overwhelming your users.")</Do>
<Dont description="Avoid showing repetitive data in a single row or column to prevent overwhelming users and to keep the presentation clear and straightforward.">![A Telerik and Kendo UI Grid overwhelming the user with repetitive data.](images/components-grid-usage-spanned-cells-dont.png "Do not overwhelm your Telerik and Kendo UI Grid users with repetitive rows or columns of data.")</Dont>
</DosDonts>