Completed
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: 
<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
Completed
Last Updated: 10 Apr 2019 15:29 by ADMIN
Created by: Richa Chauhan
Comments: 2
Category: Grid
Type: Bug Report
1
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

Completed
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.
Completed
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 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
Completed
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. 


Completed
Last Updated: 28 Oct 2019 12:25 by ADMIN

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.

Completed
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. 

Completed
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">
</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>

Completed
Last Updated: 28 Nov 2016 15:07 by Robert
Completed
Last Updated: 21 Apr 2017 14:11 by ADMIN
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
Completed
Last Updated: 30 Sep 2016 10:54 by ADMIN
ADMIN
Created by: Peter Milchev
Comments: 0
Category: Grid
Type: Bug Report
0

			
Completed
Last Updated: 12 Nov 2015 18:05 by Scott
Completed
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"
    OnNeedDataSource="RadGrid1_NeedDataSource">
    <ExportSettings ExportOnlyData="true">
        <Excel Format="Biff" />
    </ExportSettings>
    <MasterTableView Caption="My Personalized caption" CommandItemDisplay="Top">
        <CommandItemSettings ShowExportToExcelButton="true" />
    </MasterTableView>
</telerik:RadGrid>


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;
}
Completed
Last Updated: 28 May 2018 13:45 by ADMIN
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.
Completed
Last Updated: 31 May 2018 13:50 by ADMIN
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.
Completed
Last Updated: 05 Nov 2018 11:24 by ADMIN
As a temporary workaround you can use Template column with a DataField set.
Completed
Last Updated: 10 Jul 2019 14:09 by ADMIN
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;
    }


Completed
Last Updated: 10 Aug 2015 08:10 by ADMIN
The fisrt item in a GridDropDownColumn is selected when editing an item in the Grid, if the value of the dropdown is null.  The DefaultMessage is appearing on the grid, when NOT in the EditMode and the value of the field is NULL.

The behavior was different with Q1 2015.
Completed
Last Updated: 12 Aug 2015 11:19 by BiBongNet
The event onclick of the checkbox to select all (inside th with class="rgHeader rgCheck") has syntax error with the function $find, which causes javascript error to the whole page in some cases (for me), and in some pages it doesn't and just can be "ignored".

This can be seen at the demo: http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/selecting/row-selection/defaultcs.aspx
This demo page is not "broken down", but Firebug reports error: TypeError: toolTip is undefined. So, ToolTips might be affected.

Function error: onclick="$find(&quot;ctl00_ContentPlaceholder1_RadGrid1&quot;)._selectAllRows(&quot;ctl00_ContentPlaceholder1_RadGrid1_ctl00&quot;, &quot;&quot;, event);"

So, using "&quot;" (double quote) here causes error. It should be "&#39;" (single quote) like all other functions in th with class="rgHeader" as below.

<th scope="col" class="rgHeader rgCheck">
        <input id="ctl00_ContentPlaceholder1_RadGrid1_ctl00_ctl02_ctl00_ClientSelectColumnSelectCheckBox" type="checkbox" name="ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ClientSelectColumnSelectCheckBox" onclick="$find(&quot;ctl00_ContentPlaceholder1_RadGrid1&quot;)._selectAllRows(&quot;ctl00_ContentPlaceholder1_RadGrid1_ctl00&quot;, &quot;&quot;, event);" />
    </th>
    <th scope="col" class="rgHeader">
        <a onclick="Telerik.Web.UI.Grid.Sort($find(&#39;ctl00_ContentPlaceholder1_RadGrid1_ctl00&#39;), &#39;CustomerID&#39;); return false;" title="Click here to sort" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ctl00&#39;,&#39;&#39;)">Customer ID</a>
    </th>
    <th scope="col" class="rgHeader">
        <a onclick="Telerik.Web.UI.Grid.Sort($find(&#39;ctl00_ContentPlaceholder1_RadGrid1_ctl00&#39;), &#39;CompanyName&#39;); return false;" title="Click here to sort" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ctl01&#39;,&#39;&#39;)">Company Name</a>
    </th>
    <th scope="col" class="rgHeader">
        <a onclick="Telerik.Web.UI.Grid.Sort($find(&#39;ctl00_ContentPlaceholder1_RadGrid1_ctl00&#39;), &#39;ContactName&#39;); return false;" title="Click here to sort" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ctl02&#39;,&#39;&#39;)">Contact Name</a>
    </th>
    <th scope="col" class="rgHeader">
        <a onclick="Telerik.Web.UI.Grid.Sort($find(&#39;ctl00_ContentPlaceholder1_RadGrid1_ctl00&#39;), &#39;ContactTitle&#39;); return false;" title="Click here to sort" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ctl03&#39;,&#39;&#39;)">Contact Title</a>
    </th>
    <th scope="col" class="rgHeader">
        <a onclick="Telerik.Web.UI.Grid.Sort($find(&#39;ctl00_ContentPlaceholder1_RadGrid1_ctl00&#39;), &#39;Address&#39;); return false;" title="Click here to sort" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ctl04&#39;,&#39;&#39;)">Address</a>
    </th>
    <th scope="col" class="rgHeader">
        <a onclick="Telerik.Web.UI.Grid.Sort($find(&#39;ctl00_ContentPlaceholder1_RadGrid1_ctl00&#39;), &#39;PostalCode&#39;); return false;" title="Click here to sort" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceholder1$RadGrid1$ctl00$ctl02$ctl00$ctl05&#39;,&#39;&#39;)">Postal Code</a>
    </th>

Completed
Last Updated: 05 Aug 2015 10:28 by ADMIN