论坛首页 入门技术论坛

一个模仿excel效果求显示方式?

浏览 2455 次
该帖已经被评为新手帖
作者 正文
   发表时间:2007-12-20  
CSS
其实也是显示表格数据
但是表头(相对向下拉固定)和最左边的列项(相对横向拉固定固定)
其他列可以已滚动条横向或者竖向浏览,不知道怎么现实?求方法?
比如数据
序号 姓名 年龄
1   xxx  11
2   xxx  11
3   xxx  11

(
序号 姓名 年龄
1
2
3
)
这已部分是相对固定的
   发表时间:2007-12-20  
你需要三个层:
表头层,学列号层,表内容层
表头层是一个表格,第一格是序列号,其他是你自己的一些东西
就用来显示
序号 姓名 年龄
这部分内容

序列号层,就单纯用来显示序列号(层里的内容是只有一列的表格)
1
2
3

表内容层,也是一个表格,用来显示内容.
xxx 11
xxx 11
xxx 11

注意:表头的第一列的跨度,需要和序号那一列的宽度相同.其他列需要和表内容理的表格的宽度相同.
序列号表的行高度,需要和表内容的行高一样.

捕获表内容层的滚动条事件,滚动竖滚动的同时,滚动学列号的滚动条(虽然是看不到,但是存在)
滚动横向的滚动条时,滚动表头的层.
具体事件的实现,可以参考如下JS代码
function TableRowSet_TableDivScroll(tableHeadDiv) {
    var obj = window.event.srcElement;
    document.getElementById(tableHeadDiv).scrollLeft = obj.scrollLeft;   
}
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics