Wie ändere ich die Höhe der UI-Grid-Reihe?

Ich bin mit ui-grid. Ich habe eine Menge von Zeilen, und das ist, warum ich scrollen. Alles perfekt funktioniert ok, bis ich versuche, ändern Sie die Höhe der Zeilen. Dann wird das scrollen zu einem Chaos. Ich habe hier ein Beispiel http://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview
Dies ist einer der die tutorials aus dem ui-grid-website - das einzige, was ich verändert habe ist die CSS. Ich habe diese Regeln.

.ui-grid-cell-contents {
  padding: 1px 1px;
}

.ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.grid .ui-grid-row,
.grid .ui-grid-cell,
.grid .ui-grid-cell .ui-grid-vertical-bar {
  height: 22px !important;
  font-size: 12px;
  line-height: 20px;
}
.ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
ui-grid-header-cell {
  height: 55px !important;
}
.ui-grid-filter-container {
  padding: 1px 3px;
}

Scrollen funktioniert sehr gut, wenn man die oben genannten CSS-Regeln entfernt werden.
Also entweder ich muss mehr hinzufügen, CSS-Regeln oder muss ich nutzen, um einige API des Rasters, um die Zeilenhöhe festlegen ordnungsgemäß.
Jede Hilfe wird sehr geschätzt.

Wie kann ich das ändern Zeilenhöhe und halten Sie scrollen glatt?

UPDATE:
Hier ist ein Vergleich zwischen einem Standard-Gitter und ein mit CSS geändert:
http://plnkr.co/edit/x1nQGvpkY4bRMs9D09Ws?p=preview
versuchen scrollen die Zeilen oben und unten für jedes Gitter. Der Unterschied sollte ziemlich offensichtlich.

InformationsquelleAutor der Frage Pavel Nikolov | 2014-11-29

  1. 45

    Nehmen:

    height: 22px !important;

    aus der css und fügen Sie hinzu:

    rowHeight:22

    den gridOptions.

    Habe ich das Gefühl, dass diese ist viel glatter.

    Gabel-Plunker

    InformationsquelleAutor der Antwort mainguy

  2. 21

    Umfang.gridOptions = {
    rowHeight: 33
    }
    Der beste Weg, das zu ändern die Zeilenhöhe wird aus der raster-Optionen.

    InformationsquelleAutor der Antwort Romcode

  3. 7

    Versuchen, fügen Sie diese zu Ihrem css: 

    .ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
  height: auto !important;
}

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}

    InformationsquelleAutor der Antwort Amir978

  4. 0

    Verändern grid Klasse entsprechend.

    .grid{
    height: 70vh;
}

    InformationsquelleAutor der Antwort Rohan Jetha

Schreibe einen Kommentar