如何冻结表的第一列?

时间:2017-12-20 07:53:43

标签: javascript jquery css jquery-easyui

我有一个使用jquery EasyUI实现的表。我希望表的第一列被冻结,并且当页面在较小的屏幕中时,重新映射列应该具有滚动条。代码snippet

如何仅冻结Title1列。

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

1 个答案:

答案 0 :(得分:2)

您正在寻找的文档位于: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,

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