2017-02-13 33 views
8

Projemde UI Grid kullandım ve aşağıda kullandığım gridOptions değişkeninin bir anlık görüntüsüdür. Sorun her şeyin yolunda gitmesiydi. Ancak, geçmiş 1 veya 2 haftadan itibaren, dikey kaydırma, yalnızca tek bir kaydırmada delicesine doğru ilerliyor. multiSelect true olarak ayarlandığından, istemciler kaydırma çubuğunun delicesine (bu, kullanıcı bir kez kaydırdığında olur) belirli bir kaydı denetleyemez/seçemez ve kaydırma çubuğu tablonun altına ulaşır.UI GRID insanca hızlı dikey kaydırma sorunu

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

kimse sorun ne yardımcı olabilir.

PS: Tabloda toplam 2000+ kayıt var. Ayrıca bu sadece kromda olur ve Firefox'ta normal davranır.

+0

sorun tam olarak nedir? Daha net hale getirebilir misiniz ... Kaydırmak mümkün mü? – Vikash

+0

Kullanıcı dikey olarak kaydırdığında, kullanıcı sadece bir kez kaydırsa ve kaydırma çubuğu tablonun altına ulaşsa bile ızgara çok hızlı ilerlemeye başlar. Bu kullanıcının kayıtlar arasında seçim yapmasına veya görüntülemesine izin vermez. –

+0

Olası bir kopya [Açısal UI Izgara Kaydırma Hatası] (http://stackoverflow.com/questions/42100246/angular-ui-grid-scroll-error) –

cevap

16

Sorunu aldım.

Sorun, Chrome 56 sürümündeydi. Ayrıca, benim ui-grid sürüm 3.2.0 oldu ve bu sorunu en sonunda çözdüm 4.0.2'ye yükselttim. Bu Link yardım etti.

ui-ızgara yükseltme olmadan bu çözmek için nasıl merak herkes için
13

, bu ui-grid 3.1.1 benim sorunu düzeltildi:

sizin css Bu ekleyin: Yani

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

Source

+0

bu iyi bir hile :) – dreamweiver