angular-ui/ui-grid

Column Alignment fails on large column sets with expandable row

Open

#4719 aperta il 17 nov 2015

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (2496 fork)batch import
help wanted

Metriche repository

Star
 (5395 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

When a large number of columns are present in the grid utilizing the expandable row will cause the subsequent rows to become misaligned. Additionally, scrolling to the right reveals that some columns are not rendering data at all towards the end of the grid (horizontally) for the expanded row and subsequent rows.

I have created a plunker to demonstrate the issue. Any help on this would be appreciated.

http://plnkr.co/edit/Z7UsncByBMTAaF0bs12l?p=preview

The following examples show how data in the grid not displaying in the correct columns for rows following the expanded row:

The following examples show how data in the grid is pushed left as the user scrolls to the right with the row expanded and many columns in the grid.

Guida contributor

Direzione di ricerca
Esamina la logica di calcolo della larghezza delle colonne nella griglia quando vengono utilizzate righe espandibili. Cerca eventuali ricalcoli mancanti o problemi CSS che causano il disallineamento. Riproduci il problema localmente utilizzando il Plunker fornito e esegui il debug della pipeline di rendering delle colonne.
Tech stack
javascriptangular
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
AngularJSJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60