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

Posted 2023-02-26

【中文标题】ExtJS 6 - 在快速水平滚动时，列标题和数据未正确对齐

【英文标题】：ExtJS 6 - on scrolling horizontal quickly, column header and data are not aligned properly

【发布时间】：2016-12-22 11:55:49

【问题描述】：

我有树形面板，2 个锁定的列，其余的是未锁定的列。我有大量的记录。当我快速水平滚动时，列标题和数据不对齐。它适用于很少的记录。

【参考方案1】：

我已经得到了答案。我正在查看 afterrender 上注册滚动事件。在滚动时，我使用 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);