2017-02-13 12 views
8

Я использовал сетку UI в своем проекте, а ниже - снимок переменной gridOptions, которую я использовал. Проблема в том, что все работает нормально. Но с прошлых 1 или 2 недель вертикальный свиток безумно прокручивается только на одном свитке. Поскольку multiSelect установлено в true, клиенты не могут проверять/выбирать определенные записи, свитки прокрутки безумно (это происходит, когда пользователь прокручивает только один раз), а полоса прокрутки доходит до нижней части таблицы.UI GRID безумно быстрый вертикальный вопрос прокрутки

Версия: UI сетки - 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.

+0

Так в чем проблема? Можете ли вы сделать это более понятным ... Можете ли вы прокрутить страницу вниз или свиток отключается в контейнере, что мешает вам выбирать конкретные записи? – Vikash

+0

Когда пользователь прокручивает по вертикали, сетка начинает прокручиваться очень быстро, даже если пользователь прокручивается только один раз, а полоса прокрутки достигает нижней части таблицы. Это не позволяет пользователю выбирать или просматривать промежуточные записи. –

+0

Возможный дубликат [Угловая ошибка прокрутки сетки пользовательского интерфейса] (http://stackoverflow.com/questions/42100246/angular-ui-grid-scroll-error) –

ответ

16

У вас проблема.

Проблема была с версией Chrome 56. Также моя версия с ui-grid была 3.2.0, которую я обновил до 4.0.2, что в конечном итоге решило проблему. Это помогло Link.

13

Для тех, интересно, как решить эту проблему без обновления UI-сетки, это фиксированная моя проблема на ui-grid 3.1.1:

Добавьте это в CSS:

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

Source

+0

Это приятный трюк :) – dreamweiver