Telerik UI for ASP.NET Core Grid Overview
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API HTML HELPER APIThe Grid component is part of Telerik UI for ASP.NET Core, 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.
Description
The Telerik UI for ASP.NET Core Grid is a component for displaying data in a tabular format and comes with a variety of features for data management, presentation, and customization. The Data Grid is a powerful data-visualization and editing component that exposes a plethora of functionalities and events which can be seamlessly combined together.
The Grid can be bound to various data sources and comes with built-in common features, such as filtering, grouping, paging, sorting, and more advanced ones, such as hierarchy with aggregates, frozen columns, virtualization and endless scrolling, state management, binding to SignalR Hub, and many more.
This demo shows a Data Grid with enabled paging, sorting, filtering, grouping, export to Excel, export to PDF, search panel, checkbox selection, aggregates, frozen columns, column menu, which is also using the template engine to customize its appearance and incorporate external components such as the Badge, Chart, Rating, and DropDownList.
The ASP.NET Core Data Grid control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The Data Grid is a server-side wrapper for the Kendo UI for jQuery Grid component and comes in the form of an HtmlHelper.
Functionality and Features
- Responsive and adaptive HTML5 rendering
- HTML and Tag Helper options
- Built-in implementations for paging, sorting, filtering, and grouping
- Insertion, update, and deletion of data from various data sources such as WebAPI, AJAX, GraphQL, SignalR, and more
- Ultimate performance with column and row virtual scrolling
- Column menu, resizing, reordering, and show-and-hide interactions
- Search panel
- Hierarchical Data Grid and aggregates
- Cell, row, and checkbox selection
- Full control over the layout presentations through the toolbar, row, and detail Data Grid templates
- Frozen columns and multi-column headers
- PDF and Excel export
- Accessibility, keyboard navigation, globalization, and RTL support
- Server-Side and Client-Side API for Max Flexibility
- Scaffolding in Visual Studio