RadGrid - Telerik's ASP.NET Grid

  • Bind to any data source
  • Implement all the features you need with ease
  • Achieve desktop-like performance out of the box
See Demos Download Trial
Skip Navigation LinksProducts > ASP.NET AJAX Controls > Controls > Grid

Overview

Use RadGrid for ASP.NET AJAX in simple or advanced scenarios to have it do anything from paging, sorting, filtering and data editing to grouping and displaying hierarchical data. Achieve desktop-like performance for your data-dense applications thanks to the abundance of client-side features and minimal HTML and scripts loaded. Combine the features you need to rapidly build your project and rest assured it will look and work consistently across all browsers and devices.

RadGrid and 70+ other controls are part of RadControls for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on the business logic of the app.

If you are not a developer or don't have the time to thoroughly evaluate our product, then send us your project requirements. We will get back to you shortly to let you know if our controls meet each of your required features.

Send us your requirements

Key Features

Data-binding – Server-side, Client-side and WebService

Use any declarative data source control (AccessDataSource, SqlDataSource, LinqDataSource, EntityDataSource, ObjectDataSource, XmlDataSource, OpenAccessDataSource) or bind the grid to your custom objects on the fly. Take advantage of the server events, which are executed only when the grid needs to get fresh data from the server. Declarative and programmatic client-side binding to ASP.NET Web Services, WCF, ADO.NET, OData services and Page Methods is also supported.

View Demo
Bind Radgrid to any Data Source
Automatic data editing for RadGrid

Insert, Update, Delete with Various Edit Modes and Edit Forms

You can enable automatic data editing for RadGrid when it’s bound to a DataSource control like SqlDataSource, LinqDataSource, EntityDataSource, etc. or use the extensive API to handle the CRUD operations in a custom manner. Display the edit form inline, as a regular form or in a popup and choose between the built-in edit forms, your own template or a user control.

View Demo

Filtering

With Telerik’s ASP.NET Grid you can filter any type of data - string, decimal, Boolean, date and time. Depending on the column filtered your users can select any filtering function from the contextual menu, including “Equal”, “Contains”, “Greater than” and “Less than”. Use the different grid columns to provide suitable filter inputs like date pickers, numeric textboxes, and drop down lists. The rich client and server-side APIs allow you to define your own filter template while still utilizing the built-in filtering mechanism.

View Demo
Flexible filtering for any type of data in ASP.NET applications
Easy data grouping with Telerik's ASP.NET DataGrid

Grouping with Drag-to-Group and Aggregates

Use any of the following approaches to easily group data with RadGrid:

  • Drag and drop the column header to group by a certain field;
  • Add group expressions programmatically;
  • Use the header context menu to group or ungroup by a data field.

If needed, display group aggregates in the group footers for each column. 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.

View Demo

Hierarchy and Nested-View Template

With Telerik’s WebForms Grid you can easily display hierarchy by either defining detail tables bound declaratively to DataSource controls or by manually handling the exposed events. In case of self-referencing data, all you need to do is define a few properties and the grid will build the hierarchy automatically. Alternatively, you can define a template for the child view.

View Demo
Display hierarchy with RadGrid

Paging

Enable pagination in order to have the grid page through your data for you. Alternatively, implement custom or virtual paging to offer a unique paging mechanism based on your needs. Define the page size and pager position which will best suit your end user experience. Choose 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 the URL routing introduced in ASP.NET 4.0.

View Demo
Enable the pagination feature of Telerik's ASP.NET grid
Use single or multi-column sorting in RadGrid

Sorting - Single or Multi-Column

Enable the built-in sorting with a single property to allow your end users to sort in an ascending/descending manner or return to the initial state. Take advantage of the single- and multi-column sorting or implement custom sorting, by interacting with the sort expressions programmatically, to provide your own sorting experience.

View Demo
Telerik's ASP.NET Grid exports data to different file formats

Export to PDF, MS Word, MS Excel, and CSV

RadGrid can export your data to PDF, Microsoft Word, Microsoft Excel and CSV 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.

View Demo

Scrolling with Static Headers and Frozen Columns

Enable the static headers or frozen columns with a single property to have them displayed continuously throughout scrolling.

View Demo
Enable scrolling with static headers or frozen columns
Single and multi-item selection of cells and rows

Selecting Cells, Columns and Rows

RadGrid supports server-side and client-side cell, column and row selection that can be executed with either the keyboard or the mouse. Single- and multi-item selection is available out of the box.

View Demo

Multi-column Headers

Easily define as many header levels as you’d like and merge the columns you need under the same category, for example group the “City” and “Address” columns under the “Location” column header.

View Demo
Define header levels and merge columns with our DataGrid

Column Resize,
Reorder and Show/Hide

Achieve desktop-like responsiveness thanks to the client-side column resizing, show/hide and reordering of Telerik’s ASP.NET Grid. Enable the auto-fit functionality to make the grid automatically resize the columns based on the content in the cells. Rest assured that the user changes are persisted after postback and allow your users to save them between visits.

View Demo

Row Resize and Drag and Drop

Your users can easily resize the Grid rows, as well as use drag and drop to reorder rows in the same grid, move a record from one grid to another, or drop a row somewhere else on the page.

View Demo

Keyboard Support

RadGrid allows your users to use the keyboard for almost any action they can trigger 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.

View Demo

Context Menus for Column Sorting, Filtering, Grouping and Show/Hide

Choose the sort order for the column, group by any data field and determine if a column should be visible. You can use the menu to apply up to two filtering criteria per column.

View Demo
Handy context menus of RadGrid

Various Built-in Column Types and Column Aggregates

Use any of the 22 built-in column types of our AJAX gridview to display data in the most suitable way for your scenario.

  • Implement the editable data-bound columns to help users edit, add, or filter data by displaying different controls in edit or filter mode. This includes elements such as date pickers, numeric textboxes, dropdown lists or even Telerik’s ASP.NET Editor control.
  • Take advantage of the data visualization columns, such as rating, binary image or a calculated column, to achieve even better presentation of your data.
  • Use the command columns such as the select, edit, delete and expand/collapse. This all provides your users with an easier way to interact with the data found within the Grid.
View Demo

Command Item

By default our Grid’s command item displays the “Add New Record” and “Refresh” command buttons, but you can also configure it to show the built-in buttons for the different export formats. You can also define the command item template to accommodate any kind of command, such as delete or edit selected items.

View Demo
Configure Grid's command item to show built-in buttons
Support for International ASP.NET apps, standards-compliant RadGrid

Accessibility and Internationalization

Telerik’s Grid control was built for compliance with major accessibility standards, such as W3C Web Content Accessibility Guidelines 1.0/2.0 and Section 508 of the Rehabilitation Act. Leverage the built-in WAI-ARIA support by changing a single property to have the grid render appropriate WAI-ARIA roles. Set the direction attribute to “rtl” to make your RadGrid work in a right-to-left mode. For international applications, use global or local resources to completely localize the Grid.

View Demo

Templates

If for some reason you need to define your own templates instead of using the built-in elements of Telerik’s ASP.NET Grid, you can easily define exactly what to be displayed in a certain column, you can change the look of the pager or even the content of the rows themselves. You can also specify a template for various levels of your hierarchy, the edit form, or what to display when there is no data bound to the control.

View Demo
Build your own Grid templates with an ease

Rich Client-side and Server-side API for Maximum Flexibility

To implement advanced and specific scenarios take advantage of the public methods, properties, and events found within the Grid. Almost all user actions raise an event which provides all the arguments you need, both on the client and the server. The multiple public methods and properties give you the freedom to interact with the grid and manipulate it not only upon initial load, but also through the whole user session.

More ways the Grid takes care of everything

Visual Studio Integration and Design-time Support

Install RadControls for ASP.NET AJAX, the suite Telerik’s ASP.NET Grid is a part of, to get the control available in your Visual Studio Toolbox. Drag it and drop it onto the design surface and use the SmartTag, the Properties Window or the rich Design-Time wizards to codelessly configure the grid and make it fully functional.

Telerik's ASP.NET Grid is integrated with Visual Studio

Easy to ajax-enable

RadGrid for ASP.NET AJAX was built from the ground up to work in ajax-enabled web sites and you can easily ajaxify it using ASP:UpdatePanel, RadAjax or other ajax controls extending the Microsoft AJAX Framework.

View Demo

Built-in Skins

Use a single property to apply any of the twenty ready-to-use built-in themes, including an innovative mobile skin, to create a consistence look for your apps and save design and front-end development time. You can easily customize our existing skins or create your own with our

Visual Style Builder

Performance

To make sure RadGrid performs well, we:

  • Optimize its server code following best coding practices
  • Minimize the HTML, CSS and JS for smaller traffic and faster loading
  • Keep as few values in the ViewState as possible
  • Execute only the mission-critical JavaScript to initialize the client objects
  • Provide you with free CDN support to deliver content faster to your end-users
Robust ASP.NET applications with RadGrid's solid performance features RadGrid supports handling touch events

Mobile Support

Why should you build a mobile version of your application when the same app can work equally well on mobile and desktop devices? Telerik’s ASP Grid makes this possible by handling touch events in the same manner as those triggered by a keyboard or a mouse. In addition, the control comes with a mobile skin especially designed for better user experience on touch devices.

Cross-browser Support

When using the control in your apps, you can rest assured that it behaves as expected and has a consistent look and feel in all browsers your users may be utilizing.

Read the full list of supported browsers
ASP.NET Gridview is consistent in all browsers

Easy Migration from the Microsoft GridView and DataList Controls

If you are currently using ASP:GridView or ASP:DataList, you already know how to use RadGrid, because our Grid’s API closely matches and extends the Microsoft standards.

View Demo

Known Limitations

  1. Hierarchy, column resizing and show/hide, and multi-column headers are not supported with frozen columns
  2. Grouping, hierarchy and built-in editing cannot be used with client-side data binding
  3. Exporting invisible or grid bound on the client-side is not supported
  4. Exporting hierarchical or grouped grid is not supported by the CSV format
  5. Embedded images cannot be exported to MS Word & MS Excel
  6. PDF export is not working with right-to-left fonts and under Medium trust

Works in

.NET Framework
3.5, 4.0, 4.5

Visual Studio
2008, 2010, 2012

SharePoint 2010, 2013

C# / VB.NET

Browser Support

  • Internet Explorer 6+
  • Mozilla Firefox 3.6+
  • Google Chrome 20+
  • Opera 10+
  • Safari 4+

See what else is part of RadControls for ASP.NET AJAX

Over 70

Feature-rich controls

Next Steps

Download 30-day Free Trial
With dedicated technical support!

Play with the demos

See the RadControls in action and check out how much they can do out of the box.

Compare prices

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