[请教] 锁定 Table 的 首行 首列，有什么好的实现？

yjh777

最近在给一个内部工具，增加一个web页面，页面上主要有一个大的 Table
希望水平/垂直滚动条滚动时，首行 首列 内容锁定 就像 excel 里那样;
    试用了css的fix属性，发现会导致首行thead cell 的宽度跟下面的不一样，而且没有办法锁定第一列

缺少前端经验，请教大家: 有什么前端框架，默认支持这个功能吗？

yjh777

这里这么冷清？？！！

yjh777

找到一个, 不过example.html不好用
  http://meetselva.github.com/fixed-table-rows-cols/

下demo里的文件 再看看

yjh777

问题初步解决:
    wget -r http://meetselva.github.io/fixed-table-rows-cols/    #下载所有文件将 css js 两个目录都放到根目录

然后根据 http://meetselva.github.io/fixed-table-rows-cols/ 里面介绍加入相应的代码 就可以了。


但是还有一个问题，当table很大时，加载后 js 运算需要很长时间,,

yjh777

又找到另外一个插件:
     https://github.com/nkmrshn/fixedTblHdrLftCol

放在一起mark一下，有空试试对大表的性能是否更好，，

yjh777

貌似这个更好:  https://datatables.net/extensions/fixedcolumns/examples/
    examples 里面有好多例子啊:
        https://datatables.net/extension ... on/two_columns.html
        https://datatables.net/extension ... ling/bootstrap.html
        ...


BTW: 我这很可能会变成一个专题帖子: 以后碰到类似问题的同学看我这个帖子就可以了

yjh777

试用结果看 https://datatables.net/extensions/fixedcolumns/examples/ 实现更易用，功能更强大。
    * 其实单从域名和主页看就能 预判 这个实现好：那么多例子 而且域名就叫 datatables 专业做 tables 的！

公司主机又挂了，连不上；明天再测一下性能

yjh777

大表(500行15列)的情况 性能 也不理想；

出现明显的卡顿，现在只能通过分页解决了。。 不过这个 datatables.net 的插件确实做不错，比前面两个简单 好用.

最后还是希望这个table锁定首m行 首n列的  功能  html 浏览器 本身就支持了，那该多好啊！！