Grid

Grids allow users to view and efficiently manipulate large amounts of data in a tabular format.

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.

A Telerik and Kendo UI Grid with a filter row for rapid filtering.
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 filtering options placed in the column menu.
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.

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.

A Telerik and Kendo UI Grid with multi-column headers.
Use multi-column headers in Grids to visually organize data into hierarchical groups for improved readability.
A Telerik and Kendo UI Grid with very long text for the column headers.
Avoid using additional text lines within headers to imitate multicolumn effects, as it complicates the layout and reduces clarity.

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.

A Telerik and Kendo UI Grid with spanned cells.
Utilize spanned cells to cluster related data and enhance readability within the Grid.
A Telerik and Kendo UI Grid overwhelming the user with repetitive data.
Avoid showing repetitive data in a single row or column to prevent overwhelming users and to keep the presentation clear and straightforward.
Feedback