Kendo UI for jQuery Grid Overview

The Grid is a powerful control for displaying data in a tabular format.

ninja-iconThe Grid component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

It provides options for executing data operations, such as paging, sorting, filtering, grouping, and editing, which determine the way the data is presented and manipulated. The Grid supports data binding to local and remote sets of data by using the Kendo UI for jQuery DataSource component.

Kendo UI for jQuery Grid Overview

Functionality and Features

FeatureDefinition
Data bindingBy default, the Grid automatically binds to data through the DataSource component. However, you can disable this behavior and bind the control to local arrays of data and to remote data of your choice.
EditingThe Grid supports various types of editing scenarios such as creating and saving batch updates, editing data inline on row click, or in a popup, and also enables you to implement custom column editors and specify your own validation rules.
FilteringYou can control the filtering functionality of the Grid and implement header row, checkbox, and custom menu filtering.
GroupingThe Grid enables you to group its data by using row templates and while paging is enabled. Additionally, you can load groups on demand and page through the groups at the same time and display aggregated number results.
PagingYou can paginate your Grid data as required and optimize the performance of the control by applying the paging operations on the server.
SortingThe Grid allows you to cover a set of sorting approaches by providing the single-, multi-, and mixed-sort modes.
Export optionsThe Grid enables you to export it to Excel and PDF documents, and also delivers options to print only its contents and ignore the rest of the page.
Column enhancementsThe Grid provides various options to control its column behavior by delivering features such as locked and sticky columns, built-in column operations, multi-column headers as well as supporting column resizing and column reordering actions.
State persistenceYou persist the state of the Grid if saving custom user settings and restoring them afterwards is required.
HierarchyThe Grid also enables you to visualize the relations between parent and child records and display the table data in a hierarchical fashion.
TemplatesYou can use the available Grid options for implementing row, column, ad group templates.
Scroll modesThe scrolling feature of the Grid includes the endless scroll mode and virtual scrolling optimization.
SelectionThe Grid is highly flexible on selection as it provides a number of selection modes such as the checkbox-column, single-row, multi-row, single-cell, and multi-cell selection mechanisms.
Rendering and stylingYou can take full advantage of the appearance control options the Grid provides, which include adaptive rendering, initializing the Grid in hidden containers, styling its rows, and setting its height and width.
GlobalizationThe Grid supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Grid supports rendering in a right-to-left (RTL) direction.
AccessibilityThe Grid is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.

Next Steps

See Also