Progress Telerik UI for ASP.NET MVC

ASP.NET MVC ASP.NET MVC Grid Control

  • Robust ASP.NET MVC Grid component for flawless data visualization. Supporting paging, sorting, filtering, lazy loading, data binding to various sources and many other features. 
  • This control is part of the Telerik ASP.NET MVC suite along with 100+ full-featured UI components, designed to build rich & responsive web apps for any device twice as fast. 
  • Achieve fast meaningful results with our detailed documentation, live demos, online technical trainings & outstanding support team.
Telerik UI for ASP.NET MVC Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET MVC Grid is a powerful, fast, feature-rich component that can both handle large volumes of data with ease thanks to pagination, virtualization and infinite scrolling, and visualize and manipulate it in a way it makes sense for the user. Bind your data, set up a few properties and see it work in any browser and device. We’ve taken care of every possible scenario, so your development time is reduced to just a couple of minutes.


    See ASP.NET MVC Grid in action
  • Data Editing

    The Telerik UI for ASP.NET MVC Grid component enables you to perform CRUD (create, read, update and delete) operations and manipulate its data. You have the option to choose from different edit modes like Batch, Inline and Popup. Thanks to a custom editor, customization is no longer limited and you can showcase the data any way you see fit.

    Data Editing for ASP.NET MVC
  • Page, Sort, Filter or Group Data in the ASP.NET MVC Grid

    The Telerik UI for ASP.NET MVC Grid control comes with a variety of built-in functionalities, enabling you to present and perform operations on the underlying data, such as paging, sorting, filtering, grouping, editing, exporting and more. Users can also benefit from multi-column sorting and Google-like autocomplete filtering, making the Grid easy to use when loaded with large amounts of data.

    Grid - Page, Sort, Filter or Group Data
  • Selection

    The ASP.NET MVC Grid allows you to select rows and cells, process data from them or make calculations based on the selection. Simply enable the Selectable property and configure the selection Mode and Type attributes. You can also get the selected data using the Change event in the Grid.

    See how Selection works in the ASP.NET MVC Grid demo

    Grid - Selection
  • Grid Aggregates

    Display aggregated results in a Group Template for each data-bound column, commonly referred to as Grand Total. The ASP.NET MVC Grid offers built-in support for the most popular aggregate functions: Average, Count, Sum, Min, Max and Count, especially useful in finance apps or internal reports where you can quickly give a summary of the data.


    See how Aggregates work in the ASP.NET MVC Grid demo
    Grid - Aggregates
  • Settings Persistence

    The persist state of the ASP.NET MVC Grid allows users to save custom grid settings, such as column structure, sorting, filtering or paging state, and load them in consequent app sessions. The feature is particularly useful when individual users need to view custom information when logging.

  • Foreign-key Binding to Remote Collection

    You can bind foreign-key columns directly to a remote data source. This requires setting up a couple of attributes to specific values, information about which is available in the sample demo.

  • Data Binding to Local & Remote Data, DataSource Utilization

    Bind your ASP.NET MVC Grid control to static arrays, dynamic objects, local or remote data, OData, GraphQL, Kinvey Backend Services or even Web API endpoints or SignalR hubs—no need for extra processing. Changes will be propagated both ways without any additional effort on your side.

    See demo on Web API Binding

    Telerik UI for ASP.NET MVC Data Binding
  • Data Range Selection, Copy and Export

    The ASP.NET MVC Grid offers flexible export options, enabling you to copy or export only a specific part of your data. You can choose to export or copy a range of selected cells, combine them with a range or ranges of rows or in the form of a chart to serve any use case and app requirement. 
    Telerik UI for ASP.NET MVC Grid Range Selection and Export to Chart
  • Remote (Server-Side) Grid Grouping

    Quickly group items in the Telerik UI for ASP.NET MVC Grid component when working with large datasets to enable users to easily sort through elements by category, such as all products sold in a shop or location. The grouping procedure will run on the server, effectively freeing up the client to display a loading screen while waiting for the server to process the results. This also makes it faster since the server is likely to be much more powerful than the user’s machine.

    See demos on Group paging of remote data and Server grouping with virtualization.

  • Data Virtualization with CRUD Operations

    The virtualization feature of the Telerik for ASP.NET MVC Grid allows you to handle large amount of data without negatively impacting the user experience and browser performance. It comes with two types of virtualization—row and column virtualization, which will render the number of set items or columns, respectively.  The loading time and resources needed to visualize the active view of data in the grid are significantly reduced when having many records in the source. Editing is also supported.

    See Demo

    Telerik UI for ASP.NET MVC Grid - CRUD
  • Hierarchical Grid

    Some projects require displaying table data in a hierarchical layout, also called master-detail tables, in order to visualize relations between parent and child records. This is where the Telerik UI for ASP.NET MVC Grid hierarchy feature comes in handy—quickly create an N-level hierarchical Grid by specifying detail templates.

    See demo

    Hierarchy in the grid for ASP.NET MVC
  • Freeze Grid Columns

    The Frozen Columns feature of the MVC Grid is useful when going through large amounts of data. It enables you to lock certain columns by simply picking Locked in the column properties. Furthermore, the Grid also automatically provides a menu to allow the user to execute unlock or lock operations.

    Telerik UI for ASP.NET MVC Freeze Grid Columns
  • Column Interactions

    Grant your users the ability to resize and reorder the columns you have provided them with on the client side, without any request to the server. As expected, the provided context menu enables them to easily hide or display, sort or filter columns. From the user’s perspective, it just works.

    See demo

    Grid - Column Interaction
  • Alignment of Cell Values

    The ASP.NET MVC DataGrid allows alignment of cell values and column headers and footers. You can specify the alignment using the HtmlAttributes() method for cell values and the Header and Footer HtmlAtttributes for the header and footer of the component. The available alignment options are Left, Right and Center. 

    Check out the MVC DataGrid Content Alignment demo
  • Exportable Property for Grid Columns

    The Exportable property allows you to hide one or several Grid columns while exporting to PDF, Excel or CSV to exclude it from the exported file. It’s best used on columns containing aggregated data from another column (like sum or average). You can also define columns as exportable in one format and non-exportable in others. 
  • Column Virtualization for the Grid

    The new column virtualization feature for the ASP.NET MVC Grid component enables you to show large number of columns without sacrificing performance. With the new column virtualization, you can show hundreds of columns in the Grid and have essential features like filtering, sorting, column menu, row selection. 

     

  • Organize Items in the Column Menu

    The Grid column menu provides high-level customization options, allowing you to implement complex scenarios and meet any project requirements. For example, you can order a column or group multiple columns by data type. 
    Telerik UI for ASP.NET MVC Grid
  • Sticky Columns

    Sticky columns are essential for grids with many columns, even more so when displayed on limited screen space. When a column is marked as sticky, it will always stay visible while other non-sticky columns become scrollable.

    Sticky columns are similar to Frozen columns. The main difference is that while frozen columns are rendered on the left side of the widget, sticky columns are displayed in the scrollable area with the non-frozen columns.

    See demo on Sticky Columns

    Telerik UI for ASP.NET MVC Grid Sticky Column
  • Export to PDF and Excel

    Export the content of the ASP.NET MVC Grid to PDF and Excel file formats. All you need to do is display the built-in buttons for export or call a single method from an external element. You can predefine multiple styles like font, color, page size and layout to provide a unique look and feel specific to the exported file format.

    See demo

    export feature for asp.net mvc
  • Infinite Scrolling Mode

    The Telerik UI for ASP.NET MVC Grid offers Infinite Scrolling mode to allow large data sets to be scrolled through easily while also having grouping, hierarchy and CRUD operations enabled. By dynamically loading more data when the end of the page is reached, users can effortlessly scroll through all items on a single page.

    See how Infinite Scrolling works in the ASP.NET MVC demo.

     

    Endless Scrolling for Telerik ASP.NET MVC Grid Control
  • Search Panel

    Grids with large volumes of data require a straightforward way to search and locate records. That’s why in addition to the current grid filtering options, a built-in search panel enables users to easily search through the data and filter only relevant records in the Grid. The search panel will add a search text box inside the grid toolbar and enable you to configure which grid fields will be searchable.

    See Demo

    grid-search-panel
  • ASP.NET MVC Grid Templates

    Have full control over the way your Telerik UI for ASP.NET MVC Grid looks to the end user. Using the template feature, you can easily customize the layout of your columns, rowstoolbar and details. You can additionally set the colors, logos, fonts and more to match your brand style.

    See Demo

    themes
  • 20+ Themes

    The Telerik ASP.NET MVC Grid component has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which mirrors the Bootstrap styling). You can easily customize any of the available themes with a few lines of CSS or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.

    See demo

    themes fro asp.net mvc
  • Adaptive Rendering (Mobile Support)

    Thanks to the built-in adaptive rendering of the control, your Telerik UI for ASP.NET MVC Grid will work across all screens and browsers. The Grid can be expanded and provide users with menus upon interaction Input events from touches are simulated as if they were mouse or keyboard.

    See Demo

    Mobile-Support
  • Accessibility

    The MVC Grid control is perfect for scenarios where accessibility is important for your application. The Grid complies with WAI-ARIA, WCAG 2.1and Section 508 guidelines, ensuring that individuals with disabilities can still view and interact with it.

    To get more familiar with accessibility and its importance, check out our whitepaper focused on the topic to learn how accessibility affects your applications.

    Telerik UI for ASP.NET MVC Accessibility
  • Server- and Client-Side API

    Telerik UI for ASP.NET MVC comes with a complete server-side API. With simple API calls designed to feel natural in server-side languages, you can configure all features of the ASP.NET MVC Grid. Since the server wrappers output the JavaScript, you also have full access to the client-side API for maximum control in the browser.

    See Demo

    Telerik UI for ASP.NET MVC API
  • RTL Support

    Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. This mode of the ASP.NET MVC Grid allows for the columns to be reversed and the rightmost column to become first, so it feels more natural to end users. The RTL feature can be adjusted for local preference by changing just a few settings.


    See Demo

    Telerik UI for ASP.NET MVC RTL Support
  • Globalization and Localization

    The ASP.NET MVC Grid supports globalization and localization features and is designed to work in different culture locales and respond to their specific requirements for number, date and time formatting, currency, week and month names. You can define the culture through the kendo.culture() method.

    See Demo

    Telerik UI for ASP.NET MVC Globalization Localization
  • Keyboard Navigation

    Give your users the opportunity to use the keyboard for almost any Grid action that can be triggered with the mouse, including navigating items, selecting single and multiple items, going into and out of edit mode, paging and even expanding and collapsing hierarchical grids.

    See Demo

    Telerik UI for ASP.NET MVC Keyboard navigation
  • Cross-Browser Support

    With the Telerik UI for ASP.NET MVC Grid, you can be certain that your app will look and behave as expected across all browsers. This includes all desktop and mobile browsers, with their quirks and features. You don’t need to add different browser-specific prefixes or lookup online how to position your data in the best way – it just works.

    See the full list of supported browsers

    cross-browser-support
get-started-waves

Next Steps

Launch demos

See UI for ASP.NET MVC in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try UI for ASP.NET MVC with dedicated technical support.