javascript - ExtJS 6 - 快速水平滚动时,列标题和数据未正确对齐

标签 javascript extjs extjs4 extjs6 extjs6-classic

我有树面板,2 个锁定的列,其余的是未锁定的列。我有大量记录。当我快速水平滚动时,列标题和数据不对齐。只要记录很少,它就可以正常工作。

最佳答案

我已经得到答案了。我正在渲染后的 View 上注册滚动事件。滚动时,我使用 t.scrollLeft 获取滚动 x 位置并将其设置为 headerCt 的 TreeView 水平位置。

afterrender: function () {
  var view = this.getView();                    
  view.getEl().on("scroll", function (e, t) {
  // On Horizontal scroll, set headerCt scroll x positions
  var headerCt = this.getViewForColumn().getHeaderCt();
  headerCt.setScrollX(t.scrollLeft);                                    
}

关于javascript - ExtJS 6 - 快速水平滚动时,列标题和数据未正确对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41282644/

相关文章:

javascript - 将数组排序为两个单独的动物名称数组,softAnimals 和 notSoftAnimals

javascript - 实现图像展开/收缩效果

javascript - 在CQ中,如何将Panel中所有项目的值设置为空白

javascript - 如何停止 setTimeout 循环?

javascript - Sencha Touch 商店关联不匹配?

javascript - up() 和 down() 与 Ext.getCmp()

javascript - vue js的数字输入组件

extjs4 - ExtJS vbox 布局自动高度

extjs - 用静态数据填充 Extjs Combobox

javascript - 如何将新项目添加到数组中对象的数组中?