Click here to Skip to main content
15,897,518 members
Search within:


Issues with Header / Item Gridview in Asp.net
Please Sign up or sign in to vote.
1.00/5 (1 vote)
I have been trying to adapt various solutions to freezing an asp.net header in a gridview. I've tried many of the following including trying to adapt this solution: Code Project Article 614041 GridView with Fixed Header and Scroll-Bar.

My code is not working and I would love some help to resolve the issue. I am a front end designer / developer, so any help on resolving this would be really great. We have jquery 2.1.1 which conflicts with the previous help's 1.4.1 min js.

I have an asp.net solution built in 2005 / 2006 with very few updates. The program has been written with no master pages, but many many nested controls. Any references to jQuery or scripts I am placing in the Default.aspx page. I am then calling the scripts from the control.

I cannot split this grid into multiple grids. The parameters are to use this grid as is. I am placing the code below for help:

I need to freeze the header without disassembling the grid. Absolute positioning / fixed positioning creates issues with the application surrounding the control.




<asp:Panel ID="MainGrid" runat="server" CssClass="row">
<div id="GridDivContain" runat="server" class="GridDiv">
<asp:GridView ID="GridID1" runat="server" DataSourceID="DataID1" AutoGenerateColumns="False"
OnRowDataBound="GridID1_RowDataBound" DataKeyNames="programID" GridLines="None"
PageSize="3" CssClass="gridview_gridcontain" HeaderStyle-CssClass="FixedHeader">
<Columns>

<asp:TemplateField ControlStyle-CssClass="gridscroll">
<HeaderTemplate>

<thead runat="server" id="theadID1" class="headerfreezeGrid">
<tr id="trHeadID1" runat="server" class="GridViewFixedHeader width247min">
<th id="TableCell1" runat="server" colspan="3" class="CellLeftNoWrap" />
<th id="TableCell2" runat="server" class="GridViewFixedHeader">
<asp:Label ID="Label1" runat="server" Text="Text"></asp:Label>
</th>
<th id="TableCell3" runat="server" colspan="1" class="GridViewFixedHeader">
<asp:Label ID="Label2" runat="server" Text="Text"></asp:Label>
</th>
<th id="TableCell4" runat="server" colspan="1" class="GridViewFixedHeader">
<asp:Label ID="Label3" runat="server" Text="Text"></asp:Label>
</th>
</tr>
<tr id="tr5" runat="server" class="GridViewFixedHeader tencharachters">
<th id="TableCell6" runat="server" colspan="2" class="CellLeftNoWrapUnderline tencharachters">
Header Text 1
</th>
<th id="TableCell7" runat="server" class="GridViewFixedHeader">
Header Text 2
</th>
<th id="TableCell8" runat="server" class="GridViewFixedHeader">
Header Text 3
</th>
<th id="TableCell9" runat="server" class="GridViewFixedHeader tencharachters" visible="false">
Header Text 4
</th>
<th id="TableCell10" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 5
</th>
<th id="TableCell11" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 6
</th>
<th id="TableCell12" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 7
</th>
<th id="TableCell13" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 8
</th>
<th id="TableCell14" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 9
</th>
<th id="TableCell15" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 10
</th>
<th id="TableCell6" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 11
</th>
<th id="TableCell7" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 11
</th>
<th id="TableCell8" runat="server" class="GridViewFixedHeader">
Header Text 12
</th>
<th id="TableCell9" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 13
</th>
<th id="TableCel20" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 14
</th>
<th id="TableCell21" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 15
</th>
<th id="TableCell22" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 16
</th>
<th id="TableCell23" runat="server" class="GridViewFixedHeader" visible="false">
Header Text 17
</th>
<th id="TableCell24" runat="server" class="GridViewFixedHeader">
Header Text 18
</th>
</tr>
<tr id="Tr6" runat="server" class="GridViewFixedHeader">
<th id="Th3" runat="server" colspan="2" class="CellLeftNoWrap">
Description 1
</th>
<th id="TableCell25" runat="server" class="GridViewFixedHeader" />
<th id="TableCell26" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell27" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell28" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell29" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell30" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell31" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell32" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell33" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell34" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell35" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell36" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell37" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell38" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell39" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell40" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell41" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell42" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
</tr>
<tr id="Tr7" runat="server" class="GridViewFixedHeader">
<th id="Th5" runat="server" colspan="2" class="CellLeftNoWrap">
Description 2
</th>
<th id="TableCell43" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell44" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell45" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell46" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell47" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell48" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell49" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell50" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell51" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell52" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell53" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell54" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell55" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell56" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell57" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell58" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell59" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell60" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
</tr>
<tr id="Tr8" runat="server" class="GridViewFixedHeader">
<th id="Th6" runat="server" colspan="14" align="left" class="CellLeftNoWrap">
&nbsp;
</th>
</tr>
<tr id="Tr9" runat="server" class="GridViewFixedHeader">
<th id="Th7" runat="server" colspan="3" class="CellRightNoWrap">
Description 3
</th>
<th id="TableCell61" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell62" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell63" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell64" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell65" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell66" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell67" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell68" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell69" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell70" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell71" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell72" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell73" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell74" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell75" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell76" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell77" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
</tr>
<tr id="Tr10" runat="server" class="GridViewFixedHeader">
<th id="Th9" runat="server" colspan="3" class="CellRightNoWrap">
Description 4
</th>
<th id="TableCell78" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell79" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell80" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell81" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell82" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell83" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell84" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell85" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell86" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell87" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell88" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
<th id="TableCell89" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell90" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell91" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell92" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell93" runat="server" class="GridViewFixedHeader TextBoxAlignRight" visible="false" />
<th id="TableCell94" runat="server" class="GridViewFixedHeader TextBoxAlignRight" />
</tr>
<tr id="Tr5" runat="server" class="GridViewFixedHeader">
<th id="thID01" runat="server" colspan="3" class="CellLeftNoWrapUnderline">
Description Area 1
</th>
<th id="thID02" runat="server" class="GridViewFixedHeader">
Description Area 2
</th>
<th id="thID03" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 3
</th>
<th id="thID04" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 4
</th>
<th id="thID05" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 5
</th>
<th id="thID06" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 6
</th>
<th id="thID07" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 7
</th>
<th id="thID08" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 8
</th>
<th id="thID09" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 9
</th>
<th id="thID010" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 10
</th>
<th id="thID011" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 11
</th>
<th id="thID012" runat="server" class="GridViewFixedHeader">
Description Area 12
</th>
<th id="thID013" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 13
</th>
<th id="thID014" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 14
</th>
<th id="thID015" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 15
</th>
<th id="thID016" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 16
</th>
<th id="thID017" runat="server" class="GridViewFixedHeader" visible="false">
Description Area 17
</th>
<th id="thID018" runat="server" class="GridViewFixedHeader">
Description Area 18
</th>
</tr>
</thead>

</HeaderTemplate>
<ItemTemplate>

<tbody>
<tr id="trIds1" runat="server" class="GridViewRow">
<td id="IDID1" runat="server" colspan="14" class="CellLeftNoWrap">
<%# Eval("cName") %>
</td>
</tr>
<tr id="trIds2" runat="server" class="GridViewRow">
<td id="TableCell21" runat="server" class="CellLeftNoWrap">
<asp:CheckBox EnableViewState="true" ID="Selected" runat="server" Checked='<%# Eval("selected") %>'
Enabled="true" />
</td>
<td id="TableCell22" runat="server" colspan="2" class="CellRightNoWrap">
Title
</td>
<td id="TableCell23" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell24" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell25" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell26" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell27" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell28" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell29" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell30" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell31" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell32" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell33" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell34" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell34" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell35" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell36" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell37" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell38" runat="server" class="GridViewRowTotal">
<%# Eval("amount", "{0:#,0}")%>
</td>
</tr>
<tr id="trIds3" runat="server" class="GridViewRow">
<td id="Td2" runat="server" colspan="3" class="CellRightNoWrap">
Title 2
</td>
<td id="TableCell39" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell40" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell41" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell42" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell43" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell44" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell45" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell46" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell47" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell48" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell49" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell50" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell51" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell52" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell53" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell54" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("amount", "{0:#,0}")%>
</td>
<td id="TableCell55" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
</tr>
<tr id="trIds4" runat="server" class="GridViewRow">
<td id="Td4" runat="server" colspan="3" class="CellRightNoWrap">
Title
</td>
<td id="Td5" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:P}")%>
</td>
<td id="TableCell56" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell57" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell58" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell59" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell60" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell61" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell62" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell63" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell64" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell65" runat="server" class="GridViewRowTotal">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell66" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell67" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell68" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell69" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell70" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell71" runat="server" class="GridViewRowTotal">
<%# Eval("percent", "{0:P}")%>
</td>
</tr>
<tr id="trIds5" visible="false" runat="server" class="GridViewRow tencharachters">
<td id="Td1" runat="server" colspan="3" class="CellRightNoWrap tencharachters">
Title
</td>
<td id="TableCell72" runat="server" class="GridViewRowTotal tencharachters">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell73" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID1" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell74" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID2" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell75" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID3" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell76" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID4" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell77" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID5" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell78" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID6" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell79" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID7" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell80" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID8" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell81" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID9" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell82" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell83" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID10" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell84" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID11" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell85" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID12" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell86" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID13" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell87" runat="server" class="GridViewRowDataEntry tencharachters" visible="false">
<asp:TextBox ID="textboxID14" runat="server" CssClass="TextBoxAlignRight tencharachters" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell88" runat="server" class="GridViewRowTotal">
<%# Eval("other", "{0:#,0}")%>
</td>
</tr>
<tr id="trIds5" visible="false" runat="server" class="GridViewRow">
<td id="Td6" runat="server" colspan="3" class="CellRightNoWrap">
Title
</td>
<td id="TableCell90" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:P}")%>
</td>
<td id="TableCell91" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell92" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell93" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell94" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell95" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell96" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell97" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell98" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell99" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell100" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:P}")%>
</td>
<td id="TableCell101" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell102" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell103" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell104" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell105" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("percent", "{0:P}")%>
</td>
<td id="TableCell106" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:P}")%>
</td>
</tr>
<tr id="trIds7" runat="server" visible="false" class="GridViewRow">
<td id="Td3" runat="server" colspan="3" class="CellRightNoWrap">
title
</td>
<td id="Td7" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell107" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell108" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell109" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell110" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell111" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell112" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell113" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell114" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell115" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell116" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell117" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell118" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell119" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell120" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell121" runat="server" class="GridViewRowDisplay" visible="false">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell122" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
</tr>
<tr id="trIds8" visible="false" runat="server" class="GridViewRow">
<td id="Td21" runat="server" colspan="3" class="CellRightNoWrap">
total
</td>
<td id="TableCell123" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell124" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID15" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell125" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="ttextboxID16" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell126" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID17" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell127" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID18" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell128" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID19" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell129" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID20" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell130" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID21" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell131" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID22" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell132" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID23" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell133" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
<td id="TableCell134" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID24" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell135" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID25" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell136" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID26" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell137" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID27" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell138" runat="server" class="GridViewRowDataEntry" visible="false">
<asp:TextBox ID="textboxID28" runat="server" CssClass="TextBoxAlignRight" Text='<%# Eval("amount", "{0:#,0}")%>' />
</td>
<td id="TableCell139" runat="server" class="GridViewRowTotal">
<%# Eval("total", "{0:#,0}")%>
</td>
</tr>
</tbody>

</ItemTemplate>
<FooterTemplate>
<tfoot runat="server" id="tfootGroup" class="fixedGridFooter">
<tr id="trIds19" runat="server" class="GridViewFixedFooter">
<th id="TableCell140" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id="TableCell141" runat="server" class="GridViewHeader" />
<th id="TableCell142" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell143" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell144" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell145" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell146" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell147" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell148" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell149" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell15" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell151" runat="server" class="GridViewHeader" />
<th id="TableCell152" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell153" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell154" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell155" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell156" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell157" runat="server" class="GridViewHeader" />
</tr>
<tr id="trIds10" runat="server" class="GridViewFixedFooter">
<th id="TableCell158" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id="TableCell159" runat="server" class="GridViewHeader" />
<th id="TableCell16" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell161" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell162" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell163" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell164" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell165" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell166" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell167" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell168" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell169" runat="server" class="GridViewHeader" />
<th id="TableCell170" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell171" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell172" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell173" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell174" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell175" runat="server" class="GridViewHeader" />
</tr>
<tr id="trIds11" runat="server" class="GridViewFixedFooter">
<th id="Th6" runat="server" colspan="14" align="left" class="CellLeftNoWrap">
&nbsp;
</th>
</tr>
<tr id="trIds12" runat="server" visible="false" class="GridViewFixedFooter">
<th id="Th10" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id="TableCell176" runat="server" class="GridViewHeader TextBoxAlignRight" />
<th id="TableCell177" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell178" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell179" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell180" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell181" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell182" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell183" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell184" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell185" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell186" runat="server" class="GridViewHeader TextBoxAlignRight" />
<th id="TableCell187" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell188" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell189" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell190" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell191" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell192" runat="server" class="GridViewHeader TextBoxAlignRight" />
</tr>
<tr id="trIds13" runat="server" visible="false" class="GridViewFixedFooter">
<th id="Th24" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id=" TableCell193a" runat="server" class="GridViewHeader TextBoxAlignRight" />
<th id="TableCell193" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell194" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell195" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell196" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell197" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell198" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell199" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1100" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1101" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1102" runat="server" class="GridViewHeader TextBoxAlignRight" />
<th id="TableCell1103" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1104" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1105" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1106" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1107" runat="server" class="GridViewHeader TextBoxAlignRight" visible="false" />
<th id="TableCell1108" runat="server" class="GridViewHeader TextBoxAlignRight" />
</tr>
<tr id="trIds14" runat="server" visible="false" class="GridViewFixedFooter">
<th id="Th37" runat="server" colspan="14" align="left" class="CellLeftNoWrap">
&nbsp;
</th>
</tr>
<tr id="trIds15" runat="server" visible="false" class="GridViewFixedFooter">
<th id="Th11" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id="TableCell1109" runat="server" class="GridViewHeader" />
<th id="TableCell1110" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1111" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1112" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1113" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1114" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1115" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1116" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1117" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1118" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1119" runat="server" class="GridViewHeader" />
<th id="TableCell1120" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1121" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1122" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1123" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1124" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1125" runat="server" class="GridViewHeader" />
</tr>
<tr id="trIds16" runat="server" visible="false" class="GridViewFixedFooter">
<th id="Th1" runat="server" colspan="14" align="left" class="CellLeftNoWrap">
&nbsp;
</th>
</tr>
<tr id="trIds17" runat="server" class="GridViewFixedFooter">
<th id="Th7" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id="TableCell1126" runat="server" class="GridViewHeader" />
<th id="TableCell1127" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1128" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1129" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1130" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1131" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1132" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1133" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1134" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1135" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1136" runat="server" class="GridViewHeader" />
<th id="TableCell1137" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1138" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1139" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1140" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1141" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1142" runat="server" class="GridViewHeader" />
</tr>
<tr id="trIds18" runat="server" class="GridViewFixedFooter">
<th id="Th9" runat="server" colspan="3" class="CellRightNoWrap">
Title
</th>
<th id="TableCell1143" runat="server" class="GridViewHeader" />
<th id="TableCell1144" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1145" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1146" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1147" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1148" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1149" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1150" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1151" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1152" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1153" runat="server" class="GridViewHeader" />
<th id="TableCell1154" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1155" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1156" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1157" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1158" runat="server" class="GridViewHeader" visible="false" />
<th id="TableCell1159" runat="server" class="GridViewHeader" />
</tr>
</tfoot>
</FooterTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle CssClass="headerRow" />
</asp:GridView>
</div>
</asp:Panel>
Posted
Add a Solution

1 solution

May be the below javascript could help ... Just change the GridId in the javascript and check

<script type = "text/javascript">

var GridId = "<%=grdOutDetRep.ClientID %>";

var ScrollHeight = 400;
window.onload = function () {


var grid = document.getElementById(GridId);
if (grid == null || grid == "undefined") {

GridId = "<%=grdOutErr.ClientID %>";
grid = document.getElementById(GridId);
}

var gridWidth = grid.offsetWidth;
var gridHeight = grid.offsetHeight;
var headerCellWidths = new Array();
for (var i = 0; i < grid.getElementsByTagName("TH").length; i++) {
headerCellWidths[i] = grid.getElementsByTagName("TH")[i].offsetWidth;
}
grid.parentNode.appendChild(document.createElement("div"));
var parentDiv = grid.parentNode;

var table = document.createElement("table");
for (i = 0; i < grid.attributes.length; i++) {
if (grid.attributes[i].specified && grid.attributes[i].name != "id") {
table.setAttribute(grid.attributes[i].name, grid.attributes[i].value);
}
}
table.style.cssText = grid.style.cssText;
table.style.width = gridWidth + "px";
table.appendChild(document.createElement("tbody"));
table.getElementsByTagName("tbody")[0].appendChild(grid.getElementsByTagName("TR")[0]);
var cells = table.getElementsByTagName("TH");

var gridRow = grid.getElementsByTagName("TR")[0];
for (var i = 0; i < cells.length; i++) {
var width;
if (headerCellWidths[i] > gridRow.getElementsByTagName("TD")[i].offsetWidth) {
width = headerCellWidths[i];
}
else {
width = gridRow.getElementsByTagName("TD")[i].offsetWidth;
}
//cells[i].style.width = parseInt(width - 3) + "px";
cells[i].style.width = parseInt(width - 5) + "px";
//gridRow.getElementsByTagName("TD")[i].style.width = parseInt(width - 3) + "px";
gridRow.getElementsByTagName("TD")[i].style.width = parseInt(width - 5) + "px";
}
parentDiv.removeChild(grid);

var dummyHeader = document.createElement("div");
dummyHeader.appendChild(table);
parentDiv.appendChild(dummyHeader);
var scrollableDiv = document.createElement("div");
if (parseInt(gridHeight) > ScrollHeight) {
gridWidth = parseInt(gridWidth) + 17;
//gridWidth = parseInt(gridWidth);
}
scrollableDiv.style.cssText = "overflow:auto;height:" + ScrollHeight + "px;width:" + gridWidth + "px";
scrollableDiv.appendChild(grid);
parentDiv.appendChild(scrollableDiv);
}
</script>
 
Share this answer
 
Posted
Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month
Related Questions
Asp.net gridview selectmethod loading issue
Gridview with fixed header
fix headers in gridview
gridview header height
How to show previous and next for gridview ASP.NET ?
asp.net gridview header
Groupwise Item in Asp.Net Gridview
Input type text for search filter above header not same size of header?
checkbox in header gridview
how to check all checkboxes in gridview when checked header template in asp.net

Advertise
Privacy
Cookies
Terms of Use
Last Updated 11 Sep 2014
Layout: fixed | fluid
Copyright © CodeProject, 1999-2024
All Rights Reserved.

Web02 2.8:2024-04-02:1

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900