Radgrid (with Frozen Columns) footer doesnot line up in Firefox

1 posts, 0 answers
  1. Meng
    Meng avatar
    9 posts
    Member since:
    Jul 2016

    Posted 22 Sep 2017 Link to this post

    Hi there,

    The footer of a Radgrid with Frozen Columns doesnot line up in Firefox. When I move the scrollbar from to the right side, the footer mismatches the column in Firefox. It works fine in IE and Chrome. Please see the following for my demo code. Please help.

     

    Default.aspx

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head id="Head1" runat="server">
        <title></title>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    </head>
    <body>
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                <Scripts>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
                </Scripts>
            </telerik:RadScriptManager>
            <telerik:RadGrid runat="server" ID="ReservationsGrid" MasterTableView-ShowHeadersWhenNoRecords="true"
                OnNeedDataSource="ReservationsGrid_NeedDataSource" Width="520" ShowFooter="True"
                AutoGenerateColumns="false" AllowPaging="true">
                <PagerStyle PageSizes="10" />
                <ClientSettings>
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"></Scrolling>
                </ClientSettings>
                <MasterTableView>
                    <CommandItemSettings ShowExportToPdfButton="true" ShowExportToExcelButton="true" ShowExportToCsvButton="false" ShowExportToWordButton="false"></CommandItemSettings>
                    <Columns>
                        <telerik:GridBoundColumn DataField="Column1" HeaderText="Column1" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column2" HeaderText="Column2" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column3" HeaderText="Column3" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column4" HeaderText="Column4" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column5" HeaderText="Column5" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column6" HeaderText="Column6" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"> </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column7" HeaderText="Column7" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column8" HeaderText="Column8" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column9" HeaderText="Column9" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column10" HeaderText="Column10" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column11" HeaderText="Column11" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column12" HeaderText="Column12" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column13" HeaderText="Column13" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column14" HeaderText="Column14" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column15" HeaderText="Column15" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column16" HeaderText="Column16" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"> </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column17" HeaderText="Column17" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column18" HeaderText="Column18" Aggregate="Sum" FooterText=" " HeaderStyle-Width="30"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Column19" HeaderText="Column19" Aggregate="Sum" FooterText=" "  HeaderStyle-Width="30"></telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
        </form>
    </body>
    </html>

     

     

    Default.aspx.cs

    using System;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data;
    using System.Configuration;
    using System.Web.Security;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using Telerik.Web.UI;
    using System.Xml.Linq;
    using System.Collections.Generic;
    using System.Web.Services;
     
    public partial class Default : System.Web.UI.Page
    {
        protected void ReservationsGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        {
            DataTable table = new DataTable();
            table.Columns.Add("Column1", typeof(int));
            table.Columns.Add("Column2", typeof(int));
            table.Columns.Add("Column3", typeof(int));
            table.Columns.Add("Column4", typeof(int));
            table.Columns.Add("Column5", typeof(int));
            table.Columns.Add("Column6", typeof(int));
            table.Columns.Add("Column7", typeof(int));
            table.Columns.Add("Column8", typeof(int));
            table.Columns.Add("Column9", typeof(int));
            table.Columns.Add("Column10", typeof(int));
            table.Columns.Add("Column11", typeof(int));
            table.Columns.Add("Column12", typeof(int));
            table.Columns.Add("Column13", typeof(int));
            table.Columns.Add("Column14", typeof(int));
            table.Columns.Add("Column15", typeof(int));
            table.Columns.Add("Column16", typeof(int));
            table.Columns.Add("Column17", typeof(int));
            table.Columns.Add("Column18", typeof(int));
            table.Columns.Add("Column19", typeof(int));
     
            for (int i = 0; i < 15; i++)
            {
                table.Rows.Add(i, i+2, i+5, i+6, i+7, i+3, i+2, i+6, i+7, i+1, i+2, i+5, i+7, i+2, i+3, i+4, i+5, i+6, i+7);
            }
     
            ReservationsGrid.DataSource = table;
        }
    }
Back to Top