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

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:



C# - Code behind

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

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.

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 https://demos.telerik.com/aspnet-ajax/grid/mobile-examples/overview/default.aspx?name=overview

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

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.

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,
Krassimir

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>

Workaround: https://www.telerik.com/support/kb/aspnet-ajax/grid/details/clientdatasource-binding-and-batch-editing-page-is-reset-to-1-after-deleting-a-record

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.

Repro steps:
- go to the RadClientDataSource binding demo: https://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/client-data-source-binding/defaultcs.aspx
- 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: https://www.telerik.com/support/kb/aspnet-ajax/grid/details/clientdatasource-binding-after-filtering-so-no-records-are-present-and-removing-the-filter-there-is-no-pager
You can show the pager when the filter command is executed:

function OnCommand(sender, args) {
    if (args.get_commandName() == "Filter") {
        $telerik.$(sender.get_element()).find(".rgPager").show();
    }
}

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.

The navigation icons are not readable in mobile Grid in MetroTouch.

Video: https://goo.gl/TrzZ0m

Steps to reproduce:
1. Open this demo:
http://demos.telerik.com/aspnet-ajax/grid/mobile-examples/overview/default.aspx?skin=MetroTouch

Result: the Navigation icons are white