怎麼固定Griview表頭?

object_hellojie 2010-10-11 03:07:32



<script type="text/javascript">

    function init()

    {

        var tbBody = document.getElementById("GridView2");

        var tbHead = tbBody.cloneNode(true)

        for(i = tbHead.rows.length -1;i > 0;i--)

            tbHead.deleteRow(i)  

        tbBody.deleteRow(0)  

        divContent.appendChild(tbHead) 

    }

    window.onload = init

</script>

 <div id="datalist" runat="server">

                <div id="divContent" style="width:100%"></div>

                <div style="overflow-y: scroll; height:500px">

                <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" CellPadding="4"

                              ForeColor="#333333" Width="100%" OnRowDataBound="GridView2_RowDataBound" OnSorting="GridView2_Sorting1" ShowFooter="True" EmptyDataText="暫沒記錄" AllowSorting="True">

                              <FooterStyle BackColor="#990000" HorizontalAlign="Right" Font-Bold="True" ForeColor="White" />

</asp:GridView>

 </div>

上面代碼表头和内容不对齐啊,还有更好的代码吗?)

...全文

422 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

object_hellojie 2010-10-13

打赏
举报

在GridView表头能不能动态添加控件

chuxue1342 2010-10-11

打赏
举报

这段代码我也看过,我自己有修改一个版本,你修改一下看看能不能用!



 <script language="javascript" type="text/javascript">

    function CreateHeader()

    {

        var t = document.getElementById("<%=gridView.ClientID%>");

        var IsMax = external.max_language_id; 

        var bodyHeight=document.body.clientHeight;

        if(IsMax) //是不是傲游

         bodyHeight=bodyHeight-150;

        var t2 = t.cloneNode(true)

        var screenHeight=window.screen .height;



        if(t2.rows.length>15)

        {

         for(i = t2.rows.length -1;i > 0;i--)

         t2.deleteRow(i)

         t.rows[0].style.display="none"; 

         header.appendChild(t2)

         header.style .marginTop="10px"

         ContainDiv.style .height =bodyHeight-180;

         ContainDiv.style.overflow ="scroll"

        }

        else

        {

         header.innerHTML ="";

         ContainDiv.style.overflow ="hidden"

        }

        

    }

    window.onload=CreateHeader;

    </script>

 <div id="header" style="width:100%;left:auto;right:auto;"></div> 

    <div id ="ContainDiv"  style =" overflow-x :hidden ;">    

这里是GridView

</div>

sisi88 2010-10-11

打赏
举报

你为什么要用js绑定了
这个不是很好吗？
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="UserId" HeaderText="用户ID" SortExpression="UserId" />
<asp:BoundField DataField="UserName" HeaderText="用户名"
SortExpression="UserName" />
<asp:BoundField DataField="Email" HeaderText="Email" SortExpression="Email" />
<asp:BoundField DataField="CreateTime" HeaderText="增加时间"
SortExpression="CreateTime" />
<asp:BoundField DataField="UpdateTime" HeaderText="更新时间"
SortExpression="UpdateTime" />
<asp:BoundField DataField="Price" HeaderText="分数" SortExpression="Price" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ShuFuJiaConnectionString %>"
SelectCommand="SELECT * FROM [Cyber_ShuFuJia_Save_User]">
</asp:SqlDataSource>

object_hellojie 2010-10-11