DataGrid固定表头Asp.Net

时间:2013-11-28 10:17:47

标签: jquery asp.net datagrid header fixed

我有一个DataGrid我的aspx代码,我想成为一个固定的标题。 DataGrid的问题在于,处理的table不会有thead元素。所以我不能使用一些JQuery kung-fu来实现这个功能。还有其他方法,比如CSS hack one-liner只适用于旧的IE版本,但这根本不是解决方案。

    <div runat="server" id="divdg1" class="DataGridDIV" style="position:absolute; top:110px; overflow:scroll;">
        <asp:DataGrid ID="dg1" runat="server" Width="100%" oneditcommand="dg1_EditCommand"
            AutoGenerateColumns="False" CellPadding="5" HorizontalAlign="Center" onitemdatabound="dg1_ItemDataBound" BorderWidth="0px">
            <HeaderStyle Font-Bold="True" Wrap="False" HorizontalAlign="Center" 
                            Height="25px" CssClass="ms-formlabel DataGridFixedHeader" Font-Italic="False" 
                            Font-Overline="False" Font-Size="8pt" Font-Strikeout="False" 
                            Font-Underline="False"></HeaderStyle>
            <Columns>
                <asp:BoundColumn HeaderText="Field1" DataField="F1"  ></asp:BoundColumn>
                <asp:BoundColumn HeaderText="Field2" DataField="F2"></asp:BoundColumn>
                <asp:BoundColumn HeaderText="Field3" DataField="F3"></asp:BoundColumn>
                ...
            </Columns> 
        </asp:DataGrid>
    </div>

似乎没有办法让这个工作。我认为DataGrid不能强制进入固定的表头。

编辑1:有一些方法可以完成这项工作。可悲的是,这是一个黑客攻击,现在只占60%。之后,再也不要触摸该文件。如果其他人碰到这个问题,我有点将this应用到我的DataGrid

1 个答案:

答案 0 :(得分:0)

它已经在stackoverflow上询问了。 请点击链接

Freeze the Header, Scroll the GridView