[請(qǐng)教] 鎖定 Table 的 首行 首列，有什么好的實(shí)現(xiàn)？

yjh777

最近在給一個(gè)內(nèi)部工具，增加一個(gè)web頁(yè)面，頁(yè)面上主要有一個(gè)大的 Table
希望水平/垂直滾動(dòng)條滾動(dòng)時(shí)，首行 首列 內(nèi)容鎖定 就像 excel 里那樣;
    試用了css的fix屬性，發(fā)現(xiàn)會(huì)導(dǎo)致首行thead cell 的寬度跟下面的不一樣，而且沒(méi)有辦法鎖定第一列

缺少前端經(jīng)驗(yàn)，請(qǐng)教大家: 有什么前端框架，默認(rèn)支持這個(gè)功能嗎？

yjh777

這里這么冷清？？！！

yjh777

找到一個(gè), 不過(guò)example.html不好用
  http://meetselva.github.com/fixed-table-rows-cols/

下demo里的文件 再看看

yjh777

問(wèn)題初步解決:
    wget -r http://meetselva.github.io/fixed-table-rows-cols/    #下載所有文件將 css js 兩個(gè)目錄都放到根目錄

然后根據(jù) http://meetselva.github.io/fixed-table-rows-cols/ 里面介紹加入相應(yīng)的代碼 就可以了。


但是還有一個(gè)問(wèn)題，當(dāng)table很大時(shí)，加載后 js 運(yùn)算需要很長(zhǎng)時(shí)間,,

yjh777

又找到另外一個(gè)插件:
     https://github.com/nkmrshn/fixedTblHdrLftCol

放在一起mark一下，有空試試對(duì)大表的性能是否更好，，

yjh777

貌似這個(gè)更好:  https://datatables.net/extensions/fixedcolumns/examples/
    examples 里面有好多例子啊:
        https://datatables.net/extension ... on/two_columns.html
        https://datatables.net/extension ... ling/bootstrap.html
        ...


BTW: 我這很可能會(huì)變成一個(gè)專題帖子: 以后碰到類似問(wèn)題的同學(xué)看我這個(gè)帖子就可以了

yjh777

試用結(jié)果看 https://datatables.net/extensions/fixedcolumns/examples/ 實(shí)現(xiàn)更易用，功能更強(qiáng)大。
    * 其實(shí)單從域名和主頁(yè)看就能 預(yù)判 這個(gè)實(shí)現(xiàn)好：那么多例子 而且域名就叫 datatables 專業(yè)做 tables 的！

公司主機(jī)又掛了，連不上；明天再測(cè)一下性能

yjh777

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

出現(xiàn)明顯的卡頓，現(xiàn)在只能通過(guò)分頁(yè)解決了。。 不過(guò)這個(gè) datatables.net 的插件確實(shí)做不錯(cuò)，比前面兩個(gè)簡(jiǎn)單 好用.

最后還是希望這個(gè)table鎖定首m行 首n列的  功能  html 瀏覽器 本身就支持了，那該多好啊�。�