gridview 固定表头？

CIOSOFT 2010-05-19 10:25:38

查了很多，都说下面的代码可以固定，但我的就是成功不了。不知道需要特别注意些什么？我的gridview里放到了一个表格里了。

GridView固定表头(不用javascript只用CSS!，很好用)：
<style>
.Freezing
{

position:relative ;
table-layout:fixed;
top:expression(this.offsetParent.scrollTop);
z-index: 10;
}

.Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}
</style>

<asp:GridView ID="GridView1" runat="server" >
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="Freezing"/>
</asp:GridView>

...全文

105 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

CIOSOFT 2010-05-19

打赏
举报

用法绝对没有问题，我用ie8 goole的浏览器都测试，还是不行。

cdd1012 2010-05-19

打赏
举报



代码：

<!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 runat="server">

    <title>GridView固定表头 清清月儿http://blog.csdn.net/21aspnet </title>

        <style> 

.Freezing 

   { 

    

   position:relative ; 

   table-layout:fixed;

   top:expression(this.offsetParent.scrollTop);   

   z-index: 10;

   } 



.Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}

</style> 

</head>

<body style="font-size=12px">

    <form id="form1" runat="server">

    <div style="overflow-y: scroll; height: 200px;width:300px" id="dvBody">

                   <asp:GridView ID="GridView1" runat="server"    AutoGenerateColumns="False" CellPadding="3" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"

                        OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" Font-Size="12px" OnRowCreated="GridView1_RowCreated"  >

                        <FooterStyle BackColor="White" ForeColor="#000066" />

                        <Columns>

                            <asp:BoundField DataField="身份证号码" HeaderText="编号" ReadOnly="True" />

                            <asp:BoundField DataField="邮政编码" HeaderText="邮政编码" SortExpression="邮政编码" />

                            <asp:BoundField DataField="家庭住址" HeaderText="家庭住址"  />

                            <asp:BoundField DataField="姓名" HeaderText="姓名"  />

                            

                        </Columns>

                        <RowStyle ForeColor="#000066" />

                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left"  CssClass="ms-formlabel DataGridFixedHeader"/>

                        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="Freezing"/>

                    </asp:GridView>

        </div>



    </form>

</body>

</html>



用法：CSS设如上的样式，HeaderStyle加CssClass="Freezing，套住GridView的Div设置高度宽度 <div style="overflow-y: scroll; height: 200px;width:200px" >