HTML table 表格 thead 表头固定,tbody 滚动
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csdn_Info/article/details/79915850
第一种方式实现
- 使用 css 样式设置thead 和 tbody 【 推荐方式 】
#tableid>thead>tr{
display: table;
width: 100%;
table-layout: fixed;
}
#tableid>tbody{
display: block;
height: 271px;
overflow-y: scroll;
}
#tableid>tbody>tr{
display: table;
width: 100%;
table-layout: fixed;
}
第二种方式实现
【 表格数据量很多不建议使用 】
- 使用 js + css 实现
- 使用 js 拷贝 table 表格,一个表格显示 thead,一个表格显示 tbody
//thead 元素
var thead=$("#tableid").clone();//克隆表格
var div=document.createElement('div');//创建DIV 元素,作为显示thead的容器
div.style.height='38px';//设置DIV元素高
div.style.overflowY='hidden';//设置Y轴滚动条为隐藏
thead.removeAttr('id');//删除表格ID,否则会重复ID
thead.appendTo(div);//将克隆的表格添加到DIV元素
$("#tableid").parent().prepend(div);//表格的父元素开头添加DIV元素
// tbody 元素
var div2=document.createElement('div');//作为显示tbody的容器
var tbody=$("#tableid").clone();
div2.style.maxHeight='500px';
div2.style.overflowY='auto';
tbody.children('thead').remove();
tbody.appendTo(div2);
$("#tableid").parent().append(div2);//表格的父元素结束添加DIV元素
$("#tableid").remove();
南来地,北往的,上班的,下岗的,走过路过不要错过!
======================个性签名=====================
之前认为Apple 的iOS 设计的要比 Android 稳定,我错了吗?
下载的许多客户端程序/游戏程序,经常会Crash,是程序写的不好(内存泄漏?刚启动也会吗?)还是iOS本身的不稳定!!!
如果在Android手机中可以简单联接到ddms,就可以查看系统log,很容易看到程序为什么出错,在iPhone中如何得知呢?试试Organizer吧,分析一下Device logs,也许有用.