Telerik UI for ASP.NET MVC Grid Overview

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
index.cshtml
IndexController.cs
PopulateCategories()
DetailProductViewModel.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The Grid component is part of Telerik UI for ASP.NET MVC, 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 MVC 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 MVC Data Grid control is part of Telerik UI for ASP.NET MVC, 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

Additional Apps

This Grid example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in the ThemeBuilder.

Support & Learning Resources

Additional Resources