你如何展示宽桌?

时间:2014-04-10 06:21:14

标签: javascript jquery user-interface

桌子太宽,我不希望它在屏幕外溢出并使浏览器可滚动。

我更喜欢桌子可以在一个框架中水平滑动,但我需要先修改2列,只有第3列到最后一列可以水平滑动?

你有jQuery代码示例吗?

或者你知道任何符合我要求的好的jQuery插件吗?

3 个答案:

答案 0 :(得分:1)

JQuery Datatables是用于分页,排序,搜索表数据的最全面的表插件。他们还有一个固定的列插件,例如:https://datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html

答案 1 :(得分:1)

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

有一个jQuery适配器,它具有大量功能,允许您创建一个包含固定列和流体列的表。甚至可以根据屏幕宽度显示/隐藏列。

Dynatables - http://www.dynatable.com/

据说这更有趣"替代。它从数据表中获取了概念,使其更加友好。

答案 2 :(得分:1)

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

---------------------------------------------
|[table1]<div overflow='auto'>[table2]</div>|
---------------------------------------------