如何在开头和结尾创建一个固定列的表？

Question

所以基本上，我试图在开始和结束时创建一个带有固定列的表。

这是布局：

Fixed      |   Header 1   |   Header 2   |   Header 3   |     Fixed    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |
Col 1      |     Col 2    |     Col 3    |     Col 4    |     Col 5    |

因此，如上面的示例所示，需要修复第一列和最后一列（始终可见）。中间必须是可滚动的（overflow-x：scroll），虽然我不确定如何处理它。

我想出了这个，这只会使第一列固定。虽然它不是一个可靠的解决方案，因为margin-left: -100px导致我的页面布局变得混乱。

DEMO

Answer 1

我不知道有关旧 - 但是，这将适用于现代浏览器：

.last-td {
    position:absolute;
    right:0;
    width:100px;
}
.container {
    display: inline-block;
}
.wrapper {
    margin-right: 120px;
}

提供所有最后<td>个class="last-td"。或者您可以使用td:last-child。

http://jsfiddle.net/s2dGX/