javascript - 修复 html 表中的多列 (JQuery)

Question

我正在寻找一种方法来卡住 html 表中的前三列。表格示例:http://jsfiddle.net/ee6reLug/

<table>
...
</table>

Columns Column name1, "+"和 Column name2 必须是固定的并且可以从左到右滚动。

有一个固定左列的演示， how do I create an HTML table with fixed/frozen left column and scrollable body?

但我需要修复多个列。可以用 html、javascript 或 jquery 实现吗？

Answer 1

回答晚了..但对寻找解决方案的人很有用

我已将您的代码更改为 --> http://jsfiddle.net/PrateekPatra26/ee6reLug/5/

将表格分成两张，一张有 3 列，剩下的表格分成另一张。将它们放入 div 并给它们特定的宽度。

CSS:

.pull-left {
    float: left!important
}
.pull-right {
    float: right!important
}
th{
    height:40px;
}
td{
    height:60px;
}

div 的:

<div style="width:100%" class="pull-left">
    <div class='pull-left' style='width:30%'>
       <table>
       .
       .
       .
       </table>
    </div>
    <div class='pull-right' style='width:70%;overflow-x:auto'>
       <table>
       .
       .
       .
       </table>
    </div>
</div>