# Kendo UI for jQuery Grid Overview The Grid is a powerful control for displaying data in a tabular format. 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](https://www.telerik.com/kendo-jquery-ui/documentation/assets/9dca2309130d66d0f787939000d8794a/grid-overview.png) ## Functionality and Features | Feature | Definition | | ----------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | [Data binding](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/binding/overview) | By 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](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/binding/local) and to [remote data](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/binding/data-binding) of your choice. | | [Editing](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/editing/editing) | The Grid supports various types of editing scenarios such as [creating and saving batch updates](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/editing/batch), [editing data inline](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/editing/inline), or [in a popup](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/editing/popup), and also enables you to [implement custom column editors and specify your own validation rules](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/editing/custom). | | [Filtering](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/filtering) | You can control the filtering functionality of the Grid and implement header row, checkbox, and custom menu filtering. | | [Grouping](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/grouping/overview) | The 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](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/grouping/group-paging) and [display aggregated number results](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/grouping/aggregates). | | [Paging](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/paging) | You can paginate your Grid data as required and optimize the performance of the control by applying the paging operations on the server. | | [Sorting](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/sorting) | The Grid allows you to cover a set of sorting approaches by providing the single-, multi-, and mixed-sort modes. | | [Toolbar](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/toolbar) | The Grid toolbar supports built-in commands for creating items, exporting data, searching, grouping, sorting, filtering, and configuring column visibility. | | [Search](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/search-panel) | The Grid includes built-in search through the toolbar Search Panel and SmartBox Search mode to help users quickly find matching records. | | [Smart Grid Features](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/smart-grid) | The Smart Grid layer extends the Grid with the [AI Smart Box](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/smart-grid/ai-toolbar-tool), [semantic search](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/smart-grid/semantic-search), and the [AI Chat Assistant](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/smart-grid/ai-chat-assistant) for natural-language search and Grid operations. | | Export options | The Grid enables you to export it to [CSV](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/export/csv-export), [Excel](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/export/excel-export), and [PDF](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/export/pdf-export) documents, and also delivers options to [print only its contents](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/export/print-export) and ignore the rest of the page. | | [Column enhancements](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/widths) | The Grid provides various options to control its column behavior by delivering features such as [locked](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/locked-columns) and [sticky columns](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/sticky-columns), [built-in column operations](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/column-menu), [multi-column headers](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/multicolumn-headers) as well as supporting [column resizing](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/resizing) and [column reordering](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/columns/reorder-cols) actions. | | [Clipboard](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/clipboard) | The Grid supports copying and pasting data between Grid cells and external tools such as Excel, including replace and insert paste modes. | | [State persistence](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/persist-state) | You can persist the state of the Grid when you need to save custom user settings and restore them later. | | [Hierarchy](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/hierarchy) | The Grid also enables you to visualize the relations between parent and child records and display the table data in a hierarchical fashion. | | Templates | You can use the available Grid options for implementing [row](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/templates/row-templates), [column](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/templates/column-templates), and [group templates](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/templates/group-templates). | | [Scroll modes](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/scrolling/overview) | The scrolling feature of the Grid includes the [endless scroll mode](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/scrolling/endless-scrolling) and [virtual scrolling optimization](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/scrolling/virtual-scrolling). | | [Selection](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/selection) | The 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 styling | You can take full advantage of the appearance control options the Grid provides, which include [adaptive rendering](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/appearance/adaptive), [initializing the Grid in hidden containers](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/appearance/hidden-containers), [styling its rows](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/appearance/rows), and [setting its height](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/appearance/height) and [width](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/appearance/width). | | [Globalization](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/globalization/overview) | The Grid supports globalization to ensure that it can fit well in any application, no matter what [languages and locales](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/globalization/localization) need to be supported. Additionally, the Grid supports [rendering in a right-to-left (RTL) direction](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/globalization/rtl-support). | | [Accessibility](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/accessibility/overview) | The Grid is accessible for screen readers, supports WAI-ARIA attributes, and delivers [keyboard shortcuts for faster navigation](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/accessibility/key-nav). | ## Next Steps * [Getting Started with the Kendo UI Grid for jQuery](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/get-started) * [Demo Page for the Grid](https://demos.telerik.com/kendo-ui/grid/index) * [JavaScript API Reference of the Grid](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/grid) ## See Also * [Initializing the Grid from an HTML Table (Guide)](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/initializing-from-html-table) * [Initializing the Grid from an HTML Table (Demo)](https://demos.telerik.com/kendo-ui/grid/from-table) * [Demo Page for the jQuery Data Grid](https://demos.telerik.com/kendo-ui/grid/index) * [JavaScript API Reference of the Grid](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/grid) * [Knowledge Base Section](https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base)