Ext js的grid如何锁定列?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ext js的grid如何锁定列?相关的知识,希望对你有一定的参考价值。

列数很多时,我向右拉滚动条的时候,想要前面几列冻结、固定起来起来,不许它移动,还是让它呆在原来的位置! 请各位大虾帮帮忙!邮箱564476553@qq.com

用过程中,如果加入锁定列的话,还有一个问题,目前比较土鳖的方法。

colModel.config[0].locked = true //强制锁定第一列,也就是原来的

Ext.grid.CheckboxSelectionModel 那列

参考资料:cjl

参考技术A 代码问题

如何设置 Ext JS grid.Grid 的 headercontainer 的高度?

【中文标题】如何设置 Ext JS grid.Grid 的 headercontainer 的高度?【英文标题】:How to set height of a Ext JS grid.Grid's headercontainer? 【发布时间】:2019-01-09 14:46:01 【问题描述】:

我想在我的网格中设置和修复 headercontainer 的高度。 哪些配置可以做到这一点? header: grid.Grid 的配置不存在 现在它看起来像一个包:

【问题讨论】:

您可以使用 css 进行一些调整,但不应该发生这种差距,请检查您的网格声明 在 Firefox 浏览器中它租用良好(没有间隙)。当我在开发人员仪表板中使用填充/边距进行一些操作时,Chromium 间隙消失了,但是在排序后单击列标题间隙再次显示...网格类的定义非常简单,就像在 sencha 示例中一样 它是什么?分机4?分机 6?还是煎茶触摸? Ext js 6.2,现代工具包 【参考方案1】:

在 ExtJS 6 经典中,你可以这样做:

listeners:
      'afterrender': function(g)
          var d = g.getHeaderContainer();
          d.setHeight(50);
        
    ,

https://fiddle.sencha.com/#fiddle/2ovs

【讨论】:

以上是关于Ext js的grid如何锁定列?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Ext JS Grid 3.2 的列标题中添加过滤器选择器

如何应用自定义 CSS 将行选择到 Tree Grid Panel 到 Ext JS 4.1

ExtJs GridPanel 冻结/锁定多列

Ext.grid.Panel如何做到根据需要动态的显示或者是隐藏行或列

Ext.grid.ColumnModel 最小宽度和自动调整列大小

Ext JS EditorGridPanel - 如何拆分单元格以显示多行