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!

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

<script>
    var original = Telerik.Web.UI.GridColumn.prototype._onContextMenuItemClicking;
    Telerik.Web.UI.GridColumn.prototype._onContextMenuItemClicking = function (sender, args) {
        original.call(this, 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()) {
                args.get_item().open();
            }
        }
    }
</script>

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);
            }

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">
</telerik:RadGrid>

<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" });
        RadGrid2.DataBind();
    }
</script>
<div style="height: 4000px"></div>

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. 

If the Chrome browser zoom is different from 100%, it is not possible to reorder the RadGrid columns.

The problem can be reproduced at https://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/column-row-resize-reorder/defaultcs.aspx .

Hello, 

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.

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. 

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: 
<script>    
    function f() {
        //code 
        alert($find("RadGrid1")._renderMode);
        Sys.Application.remove_load(f);
    }
    Sys.Application.add_load(f);
</script>
<telerik:RadGrid ID="RadGrid1" runat="server" >  
    <HeaderContextMenu></HeaderContextMenu>         
</telerik:RadGrid>

Solutions: 
1. Remove the HeaderContextMenu tag

2. Set the RenderMode of the Grid explicitly

Hi

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 https://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/context-menu/defaultcs.aspx 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
Felix

Hidden columns are shown on resize when the static headers and frozen column are used.

Video: https://www.screencast.com/t/4Lwuvbp7


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 () {
            masterTableView.hideColumn(columnIndex);
        }, 2);
    }




Steps to reproduse:

            <telerik:RadGrid RenderMode="Lightweight" HeaderStyle-Width="200px"
                AutoGenerateColumns="false"
                ID="RadGrid1"
                OnNeedDataSource="RadGrid1_NeedDataSource"
                Width="100%"
                runat="server">
                <ClientSettings>
                    <Scrolling AllowScroll="True" UseStaticHeaders="true" FrozenColumnsCount="2"></Scrolling>
                </ClientSettings>
                <MasterTableView AutoGenerateColumns="false">
                    <Columns>
                        <telerik:GridBoundColumn DataField="SongID" HeaderText="SongID" FilterControlWidth="50px" HeaderStyle-Width="50px">
                        </telerik:GridBoundColumn>
                        <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>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

Code Behind:

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

    private DataTable GetData()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("SongID");
        dt.Columns.Add("SongTitle");
        dt.Columns.Add("CollectionName");
        dt.Columns.Add("VersionID");

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

        return dt;
    }

System.ArgumentOutOfRangeException
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.

As a temporary workaround you can use Template column with a DataField set.

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;
        }

Or:
 <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:
https://www.telerik.com/forums/alternatingitemstyle-5e16887f3085#odVQBomUikiIJfrxeBQrww

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

<telerik:GridTemplateColumn>
	<ItemTemplate>
		<%# Eval("Field") %>
	</ItemTemplate>
	<EditItemTemplate>
		<telerik:RadTimePicker ID="RadTimePicker1" runat="server" SelectedTime='<%# Eval("Field") %>'></telerik:RadTimePicker>
	</EditItemTemplate>
</telerik:GridTemplateColumn>