angularjs - UI GRID 垂直滚动速度极快的问题

标签 angularjs angular-ui-grid

我在项目中使用了 UI Grid,下面是我使用的 gridOptions 变量的快照。问题是一切都工作正常。但从过去的一两周开始,垂直滚动条就疯狂地在一个滚动条上滚动。由于 multiSelect 设置为 true,客户端无法检查/选择特定记录,滚动条会疯狂滚动(当用户仅滚动一次时会发生这种情况)并且滚动条到达表格底部。

版本:ui-grid - v3.2.1

this.gridOptions = {
      appScopeProvider: this,
      infiniteScrollRowsFromEnd: 20,
      enableSelectAll: true,
      multiSelect: true,
      enableColumnResizing: true,
      saveScroll: false,
      saveFocus: false,
      saveGrouping: false,
      enableFiltering: true,
      saveGroupingExpandedStates: false,
      saveTreeView: false,
      infiniteScrollDown: true,
      useExternalFiltering: false,
      useExternalSorting: false,
      enableCellEditOnFocus: false,
      enableCellEdit: false,
      enableRowSelection: true,
      enableFullRowSelection: true,
      enableGridMenu: true,
      enableSorting: true,
      exporterCsvFilename: 'ClientResults.csv',
      exporterCsvLinkElement: angular

      //sorry cant share other code

任何人都可以帮忙解决问题吗?

PS:表中共有2000+条记录。此外,这种情况仅在 Chrome 中发生,在 Firefox 中表现正常。

最佳答案

对于任何想知道如何在不升级 ui-grid 的情况下解决此问题的人,这解决了我在 ui-grid 3.1.1 上的问题:

将其添加到您的 CSS 中:

.ui-grid-viewport {
    overflow-anchor: none;
}

<子> Source

关于angularjs - UI GRID 垂直滚动速度极快的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42203532/

相关文章:

angularjs - 在UI Grid中,如何在单个单元格中添加两个按钮

javascript - AngularJS ng-click 突然停止工作

javascript - 在构造函数angular 2中声明属性

javascript - Facebook Messenger 复选框插件未呈现

javascript - 是否可以隐藏 AngularJS 生成的 HTML 属性?

javascript - 如何在点击并按住时在 ui-grid 中移动列?

javascript - UI Grid Angular 的标题分组

angularjs - 在 AngularJS 中使用 Passport oauth 和 JWT

angular-ui-grid - 添加行时如何为 Angular ui-grid 设置动画

angularjs - 在单元格模板中使用函数