锁表头
来源:互联网 发布:apache 监控 插件 编辑:程序博客网 时间:2024/04/24 20:51
<div class="lockContainer" style="width: 99%;height:80%;overflow-x:hidden;">
<table class="formTable" width="100%" >
<thead>
<tr>
<td class="Locked" style="width:100px;TEXT-ALIGN: center;">
销售凭证
</td>
<td class="Locked" style="width:150px;TEXT-ALIGN: center;">
车工号
</td>
<td class="Locked" style="width:100px;TEXT-ALIGN: center;">
实际结束:执行(日期)
</td>
<td class="Locked" style="width:80px;TEXT-ALIGN: center;">
订单优先级
</td>
</tr>
</thead>
<tbody>循环内容.............
</tbody>
</div>
lockTable.css 内容如下
.lockContainer{
overflow: scroll;border: solid 1px #86B9E4;
}
.lockTable{
border-collapse: collapse;
}
.lockTable td
{
position: relative;
padding: 0.5px;
border-top: solid 0px #86B9E4;
border-bottom: solid 1px #86B9E4;
border-left: solid 0px #86B9E4;
border-right: solid 1px #86B9E4;
}
.lockTable td.Locked /* 水平与垂直方向锁住单元格, 不随鼠标或滚动条移动 */
{
z-index: 30; position: relative;
background-color: #f3f3f3;
text-align: center;
border-top: solid 0px #86B9E4;
border-bottom: solid 1px #86B9E4;
border-left: solid 0px #86B9E4;
border-right: solid 1px #86B9E4;
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop);
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}
.lockTable td.HLocked /* 水平方向锁住单元格 */
{
z-index: 10; position: relative;
background-color: #f3f3f3;
text-align: center;
border-top: solid 0px #86B9E4;
border-bottom: solid 1px #86B9E4;
border-left: solid 0px #86B9E4;
border-right: solid 1px #86B9E4;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}
.lockTable td.VLocked /* 垂直方向锁住单元格 */
{
z-index: 20; position: relative;
background-color: #f3f3f3;
text-align: center;
border-top: solid 0px #86B9E4;
border-bottom: solid 1px #86B9E4;
border-left: solid 0px #86B9E4;
border-right: solid 1px #86B9E4;
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop);
}
.topbar
{
z-index: 30; position: relative;
text-align: center;
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop);
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
}
- 锁表头
- jqGrid表头锁列及排序功能细节
- 表头固定
- 固定表头
- 锁定表头
- 打印表头
- 固定 表头
- 表头合并
- 点击表头
- 合并表头
- 多重表头
- 表头固定
- 固定表头
- datagrid 表头
- 固定表头
- 斜线表头
- 表头居中
- 表头冻结
- 点击弹出小窗口的js
- [SharePoint 2007]如何解决上传InfoPath表单时一直处于正在安装状态的问题
- 针对SharePoint的C#调试技巧
- 如何在ASP.NET中实现验证码?
- OpenCV使用RANSAC的仿射变换估计 estimateAffine2D
- 锁表头
- 获取屏幕大小
- Java Dom解析xml
- 我的微博和个人网站
- C运算符的优先级与结合
- WIN7下Virtualbox虚拟Ubuntu共享文件夹设置
- git一分钟教程
- Box2D C++ tutorials - Sensors
- 经典的三层设计