2017-02-13 26 views
8

Użyłem Siatki UI w moim projekcie, a poniżej jest migawka zmiennej gridOptions, której użyłem. Problem polega na tym, że wszystko działa dobrze. Ale od 1 do 2 tygodni przewijanie pionowe jest przewijane tylko na jednym przewinięciu. Ponieważ multiSelect jest ustawione na wartość true, klienci nie mogą sprawdzić/wybrać określonych rekordów przewijanych przewrotnie (dzieje się tak, gdy użytkownik przewija tylko raz), a pasek przewijania sięga do dolnej części tabeli.UI GRID niesamowicie szybki pionowy zwój wydania

Wersja: 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 

Czy ktoś może pomóc Co złego.

PS: W tabeli znajduje się łącznie 2000 wpisów. To samo dzieje się tylko w chrome i zachowuje się normalnie w Firefoksie.

+0

Tak jaki jest dokładnie problem? Czy możesz sprawić, by było jaśniej ... Czy możesz przewijać w dół, czy przewijanie jest wyłączane w kontenerze, co uniemożliwia ci wybieranie konkretnych rekordów? – Vikash

+0

Gdy użytkownik przewija w pionie, siatka zaczyna się bardzo szybko przewijać, nawet jeśli użytkownik przewinął tylko raz, a pasek przewijania dotrze do dolnej części tabeli. To nie pozwala użytkownikowi na wybór lub przeglądanie pomiędzy zapisami. –

+0

Prawdopodobny duplikat [Angular UI Grid Scroll Error] (http://stackoverflow.com/questions/42100246/angular-ui-grid-scroll-error) –

Odpowiedz

16

Dostałem problem.

Problem dotyczy wersji Chrome 56. Również moja wersja interfejsu ui-grid to wersja 3.2.0, którą zaktualizowałem do wersji 4.0.2, co ostatecznie rozwiązało problem. Pomogło to Link.

13

Dla każdego, zastanawiając się, jak rozwiązać ten problem bez uaktualniania UI-grid, aby to naprawić mój problem na ui-grid 3.1.1:

Dodaj to do Twojego CSS:

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

Source

+0

to niezła sztuczka :) – dreamweiver