在asp.net中实现Gridview 表头固定

原创 2008年10月06日 21:22:00

最近在做项目过程要实现Gridview 表头固定 ,采用了以下方法。

<script language="javascript"> 
 function init()
          {
           var tbBody = document.getElementById("<%=GridView2.ClientID%>");
            if(tbBody!=null)
           {
           var tbHead = tbBody.cloneNode(true)
           for(i = tbHead.rows.length -1;i > 1;i--)
            tbHead.deleteRow(i);
         
           divContent.appendChild(tbHead);
           }
          }
          window.onload = init
  </script>
  <div id="divContent">
   
          </div>
          <div id ="divG" style="height: 180px;position: relative; overflow:scroll;">
 <asp:GridView ID="GridView1" runat="server" OnRowCreated="GridView1_OnRowCreated" AllowPaging="true" PageSize="15"
      AutoGenerateColumns="false"  Width="800" ShowHeader ="false"  OnRowDataBound="GridView1_RowDataBound"  DataKeyNames="XTBH">
     <AlternatingRowStyle CssClass="Alternatingback"></AlternatingRowStyle>
        <RowStyle CssClass="griditem"></RowStyle>
         <HeaderStyle BackColor="#CEDDF0" ForeColor="#000000"  Height="26px" />
        <Columns>
            <asp:BoundField HeaderText="企业名称" DataField="Organization" />
             <asp:TemplateField>
            <ItemTemplate>
             <%# DataBinder.Eval(Container.DataItem, "XTBH").ToString().Trim() == "0" ? "" + DataBinder.Eval(Container.DataItem, "Mingc") + "" : "<a href=/"#/" onclick=/"window.open('../project/#.aspx?XTBH=" + DataBinder.Eval(Container.DataItem, "XTBH") + "','','toolbar=no,scrollbars=yes')/">" + DataBinder.Eval(Container.DataItem, "Mingc") + "</a>"
             %>
            </ItemTemplate>
            </asp:TemplateField>
         
           <asp:BoundField DataField="ZJF" HeaderText="总额(万)"/>  
                <asp:BoundField DataField="Daik" HeaderText="贷款(万)"/>
                   <asp:BoundField DataField="Gdzc" HeaderText="固定资产投资"/>  
                 <asp:BoundField DataField="YongH" HeaderText="其中用汇(万)"/>    
                
        </Columns>
         <PagerSettings Visible ="false" />
        <EmptyDataTemplate>
         <tr class="gridheader" style="font-size:10pt;">
         <th rowspan="2">企业名称</th><th rowspan="2">项目名称</th><th colspan="4">总投资</th></tr><tr  class="gridheader" style="font-size:10pt;"></th><th>总额(万)</th><th>其中贷款(万)</th><th>其中固定资产投资(万)</th><th>其中用汇(万)</th>
  </tr>
        </EmptyDataTemplate>
        <EmptyDataRowStyle CssClass="gridheader" />
   
    </asp:GridView>
</div>

  <div id="div2" style="visibility: hidden;height:180;" >
      <asp:GridView ID="GridView2"  runat="server"   OnRowCreated="GridView2_OnRowCreated" AllowPaging="true" PageSize="1"
      AutoGenerateColumns="false"  Width="800" OnRowDataBound="GridView2_RowDataBound"  DataKeyNames="XTBH">
     <AlternatingRowStyle CssClass="Alternatingback"></AlternatingRowStyle>
        <RowStyle CssClass="griditem"></RowStyle>
         <HeaderStyle BackColor="#CEDDF0" ForeColor="#000000"  Height="26px" />
        <Columns>
 <asp:BoundField HeaderText="企业名称" DataField="Organization" />
             <asp:TemplateField>
            <ItemTemplate>
             <%# DataBinder.Eval(Container.DataItem, "XTBH").ToString().Trim() == "0" ? "" + DataBinder.Eval(Container.DataItem, "Mingc") + "" : "<a href=/"#/" onclick=/"window.open('../project/#.aspx?XTBH=" + DataBinder.Eval(Container.DataItem, "XTBH") + "','','toolbar=no,scrollbars=yes')/">" + DataBinder.Eval(Container.DataItem, "Mingc") + "</a>"
             %>
            </ItemTemplate>
            </asp:TemplateField>
         
           <asp:BoundField DataField="ZJF" HeaderText="总额(万)"/>  
                <asp:BoundField DataField="Daik" HeaderText="贷款(万)"/>
                   <asp:BoundField DataField="Gdzc" HeaderText="投资"/>  
                 <asp:BoundField DataField="YongH" HeaderText="用汇"/>    

  </Columns>
         <PagerSettings Visible ="false" />
        </asp:GridView>
        </div>

 

在asp.net中实现Gridview 表头固定

最近在做项目过程要实现Gridview 表头固定 ,采用了以下方法。  function init()          {           var tbBody = document.getEl...

Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]

 (一). 概述        1. 实现GridView表头固定表体滚动效果        2. 继承GridView的所有功能, 增加扩展功能, 表体滚动功能; 不需要另外加辅助滚动控件, 如. ...

ASP.NET固定GridView表头_SuperTables

  • 2015年03月27日 15:08
  • 4KB
  • 下载

ASP.NET控件开发之ScrollGridView(兼容FF、IE、苹果、谷歌、搜狗,固定表头滚动的GridView控件)

这篇文章本来在2个月前就应该写了的,只是一直没有找到好的解决方案,所以迟迟没有动笔,直到今天,才找到了比较满意的解决方案。 网上关于固定GridView表头,常见的有两种解决方案,一种是采用css样式...

ASP.Net下为GridView创建固定表头

1.问题描述: 由于gridviewlimi

Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果]

转载自:http://blog.csdn.net/lifuyun/article/details/1688008, 原博客中附有源代码   (一). 概述         1. 实现GridVi...

Asp.net中,点击GridView表头实现数据的排序

一、实现该功能的基本工作。 1、  先添加一个GridView,取名为gvData。 2、  设置该控件的属性: 操作步骤如下。 设置属性:    ...

ASP.NET学习笔记[10] - GridView点击行按钮的时候固定滚动条的实现方法

GridView显示的内容行数比较多需要

如何让Gridview在没有数据的时候显示表头(asp.net)

1.前言 当对GridView控件进行数据绑定时,如果绑定的记录为空,网页上就不显示GridView,造成页面部分空白,页面布局结构也受影响。下面讨论的方法可以让GridView在没有数据记录的时候...

asp.net Gridview、Repeater 查无数据时显示表头及提示信息

因为在Gridview、Repeater 在后台查询不到数据时,前台不会显示表头信息,这样给人感觉很突兀,所以下面的方法是讲述如何显示表头及提示信息【暂时没有您想要的信息!】。 效果图如下: ...
  • yl_99
  • yl_99
  • 2012年04月16日 16:29
  • 3361
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在asp.net中实现Gridview 表头固定
举报原因:
原因补充:

(最多只允许输入30个字)