Last Updated: 28 Oct 2020 06:23 by Anton
Last Updated: 21 Oct 2020 12:50 by ADMIN
We have a RadGrid, which has a set of columns, lets say C1 to CN.
Some of those columns are invisible and can be made visible with the Columns context menu, your control provides.
Assume a column Ci, that is not visible now.

If there exists a visible column Cx with x > i, your control works as expected. The column spans of the headline are ok.
See GoodCase_Step.jpg

If there is no visible column Cx with x > i and Ci is switched visible, your column spans within the headline become completely invalid.
See BadCase.jpg_Step.jpg

We use Version 2017.3.913.45 of your library.

Thanks for your Support!
Last Updated: 08 May 2020 15:53 by ADMIN
Release R2 2020

Replicated when the ClickToOpen is enabled: 

protected void Page_Load(object sender, EventArgs e) { RadGrid1.HeaderContextMenu.ClickToOpen = true; }

WORKAROUND: Loading the following script under the script manager

    var original = Telerik.Web.UI.GridColumn.prototype._onContextMenuItemClicking;
    Telerik.Web.UI.GridColumn.prototype._onContextMenuItemClicking = function (sender, args) {, sender, args);
        var item = args.get_item();
        var itemValue = item.get_value();
        if (itemValue == "FilterList" || itemValue == "FilterMenuContainer" ||
            itemValue == "AggregatesContainer" || itemValue == "FilterMenuParent" || itemValue == "ColumnsContainer" ||
            (Telerik.Web.UI.RadMenuItem.isInstanceOfType(item.get_parent()) && item.get_parent().get_value() == "ColumnsContainer")) {
            if (sender.get_clickToOpen()) {





Last Updated: 08 Apr 2020 13:12 by ADMIN
Release R2 2020
A workaround is to take the header border color and set it to all rows 

- Default skin
           .RadGrid_Default .rgRow > td,
            .RadGrid_Default .rgAltRow > td {
                border-left-color: rgb(130, 130, 130);

- BlackMetroTouch skin

            .RadGrid_BlackMetroTouch .rgRow > td,
            .RadGrid_BlackMetroTouch .rgAltRow > td {
                border-left-color: rgb(51, 51, 51);

            .RadGrid_BlackMetroTouch .rgRow > td,
            .RadGrid_BlackMetroTouch .rgAltRow > td {
                border-bottom-width: 0px; /*remove extra space between rows that becomes visible when you put on borders for alt rows*/

- WebBlue skin

            .RadGrid_WebBlue .rgRow > td,
            .RadGrid_WebBlue .rgAltRow > td
                border-left-color: rgb(69, 95, 119);
Last Updated: 19 Feb 2020 12:57 by ADMIN
Release R1 2020 SP1

I issue is replicated consistently with the following simple setup, when the page is scrolled so the grid is on the top and right-clicking the column, to open the menu 

<div style="height: 200px"></div>
<telerik:RadGrid ID="RadGrid2" runat="server" AllowFilteringByColumn="true" EnableHeaderContextMenu="true">

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
        RadGrid2.DataSource = Enumerable.Range(1, 3).Select(x => new { ID = 1, Desc = "Some text" });
<div style="height: 4000px"></div>

Last Updated: 27 Jan 2020 13:56 by ADMIN
Release R3 2019
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: 29 Nov 2019 10:08 by ADMIN
Release R1 2020

I would assume that Delete and Edit columns should never be exported to excel to begin with, especially if HideStructureColumns="true".

If the HideStructureColumns is hiding something else, it would be nice to have another flag that would control showing/hiding Edit/Delete columns. 

Last Updated: 06 Nov 2019 14:50 by ADMIN
Release R2 2018
If the Chrome browser zoom is different from 100%, it is not possible to reorder the RadGrid columns.

The problem can be reproduced at .
Last Updated: 28 Oct 2019 12:25 by ADMIN


There is an issue with Classic render mode Grid when grouping is enabled. The width of the grouping is incorrect and some of the icons are wrapped on the next row.

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: 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: 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>
1 2 3 4 5 6