如何显示宽表



表太宽了,我不希望它溢出屏幕,使浏览器可以滚动。

我更喜欢表格可以在框架中水平滑动,但我需要固定前两列,只有第三列到最后一列可以水平滑动?

你有jQuery的代码示例吗?

或者你知道有什么好的jQuery插件能满足我的要求吗。

数据表-http://datatables.net/

有一个jQuery适配器,它有很多功能,可以让您创建一个具有固定列和流动列的表。甚至还有根据屏幕宽度显示/隐藏列的方法。

动态表-http://www.dynatable.com/

据说;有趣";可供替代的它采用了数据表中的概念,使其更加友好。

创建两个表,一个是固定的,一个在滚动div中。在第一个表中,放前两列,在第二个表中放其余列。只需确保所有单元格的高度相同即可获得同步的表格视图

---------------------------------------------
|[table1]<div overflow='auto'>[table2]</div>|
---------------------------------------------
JQueryDatatables是用于分页、排序和搜索表数据的最全面的表插件。他们还有一个固定列插件,下面是一个例子:https://datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html

相关内容

  • 没有找到相关文章

最新更新