angular-ui/ui-grid

Grouping breaks Column Header Height for deferred columnDefs generation

Open

#3609 aperta il 27 mag 2015

Vedi su GitHub
 (4 commenti) (1 reazione) (1 assegnatario)JavaScript (2496 fork)batch import
help wanted

Metriche repository

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

Descrizione

http://plnkr.co/edit/u6LBOx?p=preview As you can see in this demo if the column header height is wrong when the grouping directive is added to the grid. This is only a problem when the column defs aren't there when the grid options are loaded. Example:

$timeout(function(){
  var newColumnDefs = [
    { name:'firstName', field: 'first-name', displayName: 'First Name'},
    { name:'1stFriend', field: 'friends[0]', displayName: '1st Friend'},
    { name:'city', field: 'address.city', displayName: 'City'},
    { name:'getZip', field: 'getZip()'}
  ];
  $scope.gridOptions.columnDefs = newColumnDefs;
}, 500);

This problem is not there for the grid without the grouping directive.

When you perform the grouping action the headers appear correctly however when you ungroup they return to their broken state. OS: Mac OSX Browser: Chrome Build: v3.0.0-rc.21-d68dcc6 - 2015-05-27 screen shot 2015-05-27 at 2 19 41 pm

Guida contributor

Direzione di ricerca
Indaga il momento in cui le columnDefs vengono impostate dopo l'inizializzazione della griglia e come la direttiva di raggruppamento ricalcola l'altezza dell'intestazione. Esamina la logica di calcolo dell'altezza dell'intestazione della griglia e l'interazione del plugin di raggruppamento con le definizioni di colonna differite. Verifica se manca un trigger di ricalcolo quando le columnDefs vengono aggiornate.
Tech stack
javascriptangular
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
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.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
AngularJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60