（gridviw&table）每页都有的表头和打印分页

最新推荐文章于 2023-11-08 17:35:14 发布

抬头望天边一只雁

最新推荐文章于 2023-11-08 17:35:14 发布

阅读量1.8k

点赞数

分类专栏： asp.net asp.net 文章标签： table datagrid javascript border function null

asp.net 同时被 2 个专栏收录

67 篇文章 0 订阅

订阅专栏

asp.net

26 篇文章 0 订阅

订阅专栏

问题：页面内的表格太多的时侯，打印的时候可能会分成好几页打印，但除一页外，其他页都没有表头，这样看起来不太好看，所以要求每页上都要有表头。

解决方法：对每个表格，定义其thead，并对其样式设置成：style="display:table-header-group"。如果要求有表尾，也一样，要定义其tfoot，并对style="display:table-footer-group"

如：

这样每页纸都有这两行表头

以上是table的解决方法，但那很多情况是用gridview来呈现数据的，这时候怎么办呢？不用急，办法一样有

gridview的属性是没有办法设置thead的，解决方法就是用js来手工add一个thead到gridview中，

js函数
function AddTHEAD(tableName)
{
   var table = document.getElementById(tableName);
   if(table != null)
   {
    var head = document.createElement("THEAD");
    head.style.display = "table-header-group";
    head.appendChild(table.rows[0]);
    table.insertBefore(head, table.childNodes[0]);
   }
调用方法：
<body οnlοad="javascript: AddTHEAD('DataGrid')">
问题解决。

}