如何冻结 table 的第一列？

Question

我有一个table，它是利用jquery EasyUI实现的。我想冻结 table 的第一列，当页面处于较小屏幕时，剩余列应该有滚动条。代码在这里 snippet

如何只冻结 Title1 列。

我尝试在 Datagrid-view1 中添加 Title1 列来实现此目的。但是我找不到合适的解决方案..提前致谢

Answer 1

您要找的文档在这里：https://www.jeasyui.com/documentation/index.php

根据文档，您正在寻找 frozenColumns 选项。您将要冻结的列从 columns 部分中取出，并将它们添加到 frozenColumns.

中

像这样：

frozenColumns: [[
    {field:'f1',title:'title1',width:100,editor:'text'},
]],
columns:[[
    {field:'f2',title:'title2',width:100,editor:'text'},
    {field:'f3',title:'title3',width:100,editor:'text'},
    {field:'f4',title:'NotSave',width:50,
    editor:{type:'checkbox',options:{on:1,off:0}}}
]],

您还需要关闭 fitColumns。

fitColumns: false,

通过这些设置，我在您提供的代码中得到了一个水平滚动条。

如何冻结 table 的第一列？

How to freeze first column of the table?

javascript

css

jquery

jquery-easyui