grid

Progress Telerik UI for ASP.NET MVC

ASP.NET MVC Grid Control

  • Data Editing

    The Telerik UI for ASP.NET MVC Grid component enables you to perform CRUD operations and manipulate the data. You have the option to choose from different edit modes like Batch, Inline and Popup. Customization is no longer limited by using a custom editor and showcasing the data any way you see fit.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Paging Data

    Enable pagination in order to have the grid page through your data for you. Implement custom or virtual paging to offer a unique paging mechanism if your needs call for it. Decide on the page size and pager position which will best suit your end user experience. Pick between numeric, previous and next, slider or more advanced modes, as well as the option to define custom templates. Take use of the SEO-friendly paging, which also supports URL routing.

    See demo

  • Sorting Data

    Enable the built-in sorting with a single property to allow your users to sort in an ascending/descending manner or reset to the initial state. Multi-column sorting works as a natural extension to basic single-column sorting. Provide a sorting expression of your own to match the specific needs of the application.

    See demo

  • Filter Data

    Our MVC Grid can filter any type of data - string, decimal, boolean, date and time. Users can select any filtering function from the contextual menu, including “Equal”, “Contains”, “Greater than” and “Less than”. The different grid columns may provide different suitable filter inputs like date pickers, numeric text boxes, and drop down lists. Advanced users can also benefit from Google-style autocomplete filtering.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Group Data

    The Telerik UI for ASP.NET MVC Grid also enables you to group data by dragging and dropping column headers or by providing group expressions programmatically. Choose how the group headers and footers will look by defining templates for both. What is more, grouping large chunks of data does not affect your page performance thanks to the LINQ integration in the grouping mechanism.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Data Binding to Local & Remote Data, DataSource Utilization and Virtualization

    Bind your Telerik UI for ASP.NET MVC Grid control to static arrays, dynamic objects, local or remote data, 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. Getting the data from the model to your view is easy as completing 3 basic steps.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Hierarchical Grid

    Some projects require displaying table data in hierarchical-like fashion, 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. Templates allow you to focus on the details in your records that are important for your user’s work and create a tailored application.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Data Virtualization and CRUD Support

    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 the browser performance. 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

  • Freeze Grid Columns for ASP.NET MVC

    The Frozen Columns feature of the ASP.NET MVC Grid is useful when going through large amounts of data. It enables you to lock certain columns to have them displayed continuously throughout scrolling. Simply set Locked in the column properties. The Grid also automatically provides a menu to allow the user to execute lock operations themselves.

    See demo
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Export to PDF and Excel

    Export the content of the grid control into PDF and Excel. 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

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Infinite Scrolling Mode

    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.

     

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 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. 

     

  • 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 of the Grid you can easily customize the layout of your columns, rowstoolbar and details in hierarchy. Colors, logos, fonts - nothing is out of reach. Setting up templates can be done using both Server and Ajax approaches, enabling you to implement your ASP.NET MVC Grid component in any application. Client and server detail templates are supported equally-well. You can easily show additional information for a data item by utilizing the detail template feature of the Grid.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 19+ Themes

    Thanks to the built-in adaptive rendering of the control, you can rest assured that your Telerik UI for ASP.NET MVC Grid will work across all screens and browsers. Touch events will be handled as if triggered by a keyboard or a mouse.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 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.Sitefinity.Libraries.Model.Image..AlternativeText
  • Settings Persistence

    Users can 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.
  • 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

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Remote (server-side) Grid Grouping

    This is feature requested by many of you, our users! We are making grouping items in the Telerik UI for ASP.NET MVC Grid component many times faster when working with millions of rows. By enabling one attribute, whenever users request the Grid to group some elements together (e.g. all products being sold in a certain shop), the grouping procedure will run on the server. Effectively, this frees up the client to display a loading screen while waiting for the server to process the results but also makes it faster since the server is likely to be much more powerful than the user’s machine.

  • Server- and Client-Side API for Max Flexibility

    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.Sitefinity.Libraries.Model.Image..AlternativeText
  • Adaptive Rendering (Mobile Support)

    Why do you need to build a mobile version of your app when the same application can work equally well on mobile and desktop devices?

    Thanks to the built-in adaptive rendering of the control, you can rest assured that your Telerik UI for ASP.NET MVC Grid will work across all screens and browsers. Touch events will be handled as if triggered by a keyboard or a mouse.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • 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.Sitefinity.Libraries.Model.Image..AlternativeText
  • Built-in Search Panel in the Grid

    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, we added a built-in search panel that 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 will enable you to configure which grid fields will be searchable.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation

    Give your users the opportunity to use the keyboard for almost any 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. Specify which keys should be used for each action and get full control over the keyboard navigation experience.

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Right-to-Left (RTL) Support

    Right out of the box, the Telerik UI for ASP.NET MVC Grid provides RTL support for languages where users read starting from right to left such as Arabic or Hebrew. This mode of the ASP.NET MVC Grid allows for the columns to be reversed and the rightmost column to become first. The adjustment feels more natural to the end users. The RTL feature can be adjusted for local preference by changing just a few settings. 

    See demo

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Cross-Browser Support

    Using the ASP.NET Grid for MVC, you can be certain that your app will look and behave as expected across all browsers.

    Read the full list of supported browsers.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText

Next Steps

Launch demos

See the UI for ASP.NET MVC in action and check how much they 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 Telerik UI for ASP.NET MVC with dedicated technical support