Last Updated: 10 Oct 2019 15:19 by ADMIN

I found issue here in your forum and received an updated fix.

However, the sample fix has the grid name ("RadGrid1") hard-coded in the method "function OnClientHidden(sender, args)". In our code we need to use this for many grids; each with its own name. Please show me how to obtain the grid name generically; preferably from the arguments (sender, args).

Also in the example the checkbox isn't explicitly declared; I assume the code is using some implicit name. However, in our code the name of the checkbox is declared (see below my signature). Please show me how to change the code to use different checkbox names. 

Last Updated: 02 Oct 2019 14:33 by ADMIN
When the Grid has  <HeaderContextMenu> in the Markup and there is no explicitly set RenderMode of the Grid, the Grid is rendered in Classic. 
It also happens if there is a reference to the ContextMenu in the code behind.

Reproduction steps: 
    function f() {
<telerik:RadGrid ID="RadGrid1" runat="server" >  

1. Remove the HeaderContextMenu tag

2. Set the RenderMode of the Grid explicitly
Last Updated: 02 Oct 2019 14:33 by ADMIN
Exporting an empty RadGrid to XLSX or Biff with ExportSettings-ExportOnlyData="true" and Caption set, throws exception: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Steps to reproduce:

RadGrid markup:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="true"
    <ExportSettings ExportOnlyData="true">
        <Excel Format="Biff" />
    <MasterTableView Caption="My Personalized caption" CommandItemDisplay="Top">
        <CommandItemSettings ShowExportToExcelButton="true" />

C# - Code behind

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    RadGrid1.DataSource = OrdersTable();
private DataTable OrdersTable()
    DataTable dt = new DataTable();
    dt.Columns.Add(new DataColumn("OrderID", typeof(int)));
    dt.Columns.Add(new DataColumn("OrderDate", typeof(DateTime)));
    dt.Columns.Add(new DataColumn("Freight", typeof(decimal)));
    dt.Columns.Add(new DataColumn("ShipName", typeof(string)));
    dt.Columns.Add(new DataColumn("ShipCountry", typeof(string)));
    dt.PrimaryKey = new DataColumn[] { dt.Columns["OrderID"] };
    return dt;
Last Updated: 02 Oct 2019 14:32 by ADMIN
Created by: Felix
Comments: 8
Category: Grid
Type: Bug Report


Since updating to the latest release of UI for ASP.NET AJAY the RadContextMenu of my RadGrid is misaligned at the right edge of the screen. Even in your sample when you open the context menu at the right side of the screen the context menu is nor aligned to the left (like it used to be).

Please ses the attached printscreen.

Kind regards

Last Updated: 02 Oct 2019 14:28 by ADMIN
We use the Telerik RadGrid for our application and we have found that if we click on the filter button on the RadGrid, it will make the page scroll.
Last Updated: 03 Sep 2019 15:56 by ADMIN
Release R3 2019
For keyboard users who don't have a specific Context Menu key (see, they typically need to use the Windows standard SHIFT+F10 hotkey to trigger a contextmenu event.

For example:

1.	In IE, load
2.	Tab to a column header link
3.	Press SHIFT+F10 (standard Windows/IE hotkey to open context menu)
4.	Notice the context menu displays, however, the focus is really on the IE menubar. IE supports F10 to open the menubar, but is also seeing SHIFT+F10 too.

1.	In FireFox, load
2.	Tab to a column header link
3.	Press SHIFT+F10 (standard Windows/IE hotkey to open context menu) then press down arrow
4.	Notice the context menu displays, however, the focus is really on FireFox's application system menu in the upper left.

Chrome does not have this issue - it opens the grid context menu only.
We need IE and FireFox to also only open the grid's context menu, and not trigger default browser behavior.

According to, it is possible to correct this behavior by calling event.preventDefault() when SHIFT+F10 is pressed, but then trigger a synthetic contextmenu event anyway.

As a workaround, we know users can press Escape to close the browser's default menu and bring focus back into the HTML document (and thus the grid's context menu), but this throws off the user experience and becomes a training issue.
Last Updated: 03 Sep 2019 12:00 by ADMIN
Hi, we are having a problem with the column picker, we are trying to move columns and they are getting "stuck". 

The same issue happens in the Telerik online demo page

1. Open the above page using the latest google chrome

2. Open dev tools and pick mobile browser iPhone 5/SE (note: problem also happens on Android)

3. Click the ||| icon on the top right

4. Drag a column up or down using the hamburger icon (3 horizontal lines)

5. It gets stuck
Last Updated: 10 Jul 2019 14:09 by ADMIN
Hidden columns are shown on resize when the static headers and frozen column are used.


Possible workarounds:

- Hide the column with Visible="False", instead of Display="False"

- Hide the column on the client-side:

    function gridCreated(sender, args) {
        var masterTableView = sender.get_masterTableView();
        columnIndex = masterTableView.getColumnByUniqueName("ShipName").get_element().cellIndex;
        setTimeout(function () {
        }, 2);

Steps to reproduse:

            <telerik:RadGrid RenderMode="Lightweight" HeaderStyle-Width="200px"
                    <Scrolling AllowScroll="True" UseStaticHeaders="true" FrozenColumnsCount="2"></Scrolling>
                <MasterTableView AutoGenerateColumns="false">
                        <telerik:GridBoundColumn DataField="SongID" HeaderText="SongID" FilterControlWidth="50px" HeaderStyle-Width="50px">
                        <telerik:GridBoundColumn DataField="SongTitle" HeaderText="Song Title" FilterControlWidth="200px"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="CollectionName" HeaderText="Collection Name" FilterControlWidth="200px"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn FilterControlWidth="50px" DataField="VersionID" HeaderText="VersionID" Display="false"></telerik:GridBoundColumn>

Code Behind:

    protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        (sender as RadGrid).DataSource = GetData();

    private DataTable GetData()
        DataTable dt = new DataTable();

        for (int i = 0; i < 20; i++)
            dt.Rows.Add(i, i + 1, i + 2, i + 3);

        return dt;

Last Updated: 28 Jun 2019 08:52 by ADMIN

Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index

This error seems to happen if there is a GridTemplateColumn that has the Exportable property set to False.

Last Updated: 12 Jun 2019 15:42 by ADMIN
Such an exposed method, which returns the value from the ExportOutput, would be useful to further enhance the exporting capabilities of the RadGrid control. A very practical example would be to export numerous RadGrid controls into one Excel file.
Last Updated: 10 Apr 2019 15:29 by ADMIN
Created by: Richa Chauhan
Comments: 2
Category: Grid
Type: Bug Report
Keyboard navigation does not work in Firefox 65.0.1

While attempting to implement Keyboard Navigation for one of our RadGrid controls, we discovered that this navigation (Arrow Up/Down and Page Up/Down) did not work correctly in Firefox (though it did within IE, Edge, and Chrome). We also tested the Firefox Keyboard Navigation within the Telerik Grid Demo Site, and experienced the same behavior. 

Issue can also be observed with the Grid - Keyboard Support demo using Firefox 65.0.1

Do you know how to resolve this issue, or of any workaround?

Thank you,

Last Updated: 05 Nov 2018 11:24 by ADMIN
As a temporary workaround you can use Template column with a DataField set.
Last Updated: 04 Oct 2018 08:04 by Andy Green
Alternating Row style of RadGrid is not applied when using Bootstrap skin.

Steps to reproduce:
For all other Skins these approaches work:
        div.RadGrid tr.rgAltRow {
            background-color: aqua;

 <AlternatingItemStyle BackColor="Aqua" />

The reason probably is because there is >td directive built-in, which needs to be overridden manually in order for the styling to take effect (this works):
        div.RadGrid tr.rgAltRow > td {
            background-color: aqua;

A possible workaround for this issue is available in the following forum post:
Last Updated: 13 Sep 2018 08:43 by Attila Antal
RadGrid GridDateTimeColumnEditor is unable to process data of type TimeSpan if PickerType is set to TimePicker.

As a workaround, a GridTemplateColumn can be used with a TimePicker inside EditTemplate

		<%# Eval("Field") %>
		<telerik:RadTimePicker ID="RadTimePicker1" runat="server" SelectedTime='<%# Eval("Field") %>'></telerik:RadTimePicker>
Last Updated: 11 Sep 2018 17:05 by Beth

Currently JAWS user cannot use the arrow keys to select a filter operator. Please enable arrow keys support to filter context menu for JAWS user. 
Refer Telerik support ticket - 1081707 for more information.

Last Updated: 14 Jun 2018 11:20 by ADMIN
Due to browser restrictions, the print behavior is changed and works identically to the one of IE - a new tab/dialog with the grid is opened whose print command is launched. You can observe the behavior in IE at 
Last Updated: 31 May 2018 13:50 by ADMIN

A fix in the codebase of the grid will take time, effort and will have to wait in the queue, which is why this is the official solution.
Last Updated: 28 May 2018 13:45 by ADMIN
Repro steps:
- go to the RadClientDataSource binding demo:
- filter a column so there is no data in the grid
- remove the filter
Actual: the pager is gone
Expected: the pager is there

SOLUTION: see the following KB article:
You can show the pager when the filter command is executed:

function OnCommand(sender, args) {
    if (args.get_commandName() == "Filter") {

A fix in the codebase of the grid will take time, effort and will have to wait in the queue, which is why this is the official solution.
Last Updated: 18 Sep 2017 09:29 by Rick
Created by: Antonio Stoilkov
Comments: 1
Category: Grid
Type: Feature Request
Add support for custom paging in the RadGrid Virtualization functionality. The idea is to enable the retrieval of part of the data from the source of data instead of retrieving all of the data every time.

Without this feature the optimization technique is to cache the data source.

Example is available at
1 2 3 4 5 6