This is a migrated thread and some comments may be shown as answers.

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

0 Answers 74 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Meng asked on 22 Sep 2017, 08:16 PM

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

<html xmlns="http://www.w3.org/1999/xhtml">

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

}

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

No answers yet. Maybe you can help?