如何固定多个左列并滚动HTML table中的其余列?

How to make multiple left columns fixed and scroll the the rest columns in HTML table?

我无法冻结多个列或列组并使其余列可滚动。

我尝试了

这样的解决方案

how do I create an HTML table with fixed/frozen left column and scrollable body?

但它只适用于一列。如果我尝试冻结多列,它们会相互重叠。

我也不想使用多个表,这对动态数据绑定来说很困难。

有人知道这种情况的简单解决方案吗?CSS?

有一个 jQuery 插件 "DataTable"。这将帮助您冻结 table.

中任意数量的列

在此处查看教程。 http://www.datatables.net/extensions/fixedcolumns/

http://www.datatables.net/release-datatables/extensions/FixedColumns/examples/two_columns.html

希望这能解决您的问题。