AngularJS ngGrid-Textausrichtung

Question

Gibt es eine Möglichkeit, die Zellentextwerte auf Mitte/rechts auszurichten? Vielen Dank.

Hier ist ein plnkr grundlegendes Beispiel.

Answer 1

Per oblivion19's comment, hier ist ein Beispiel-Lösung (mit etwas mehr Kontext) durch die cellClass Eigenschaft eines columnDefs Objekt in gridOptions Einstellung:

HTML:

<div ng-grid="gridOptions"></div> 

JS:

$scope.someData = [{ "name": "MB", "age": 20 }, { "name": "KY", "age": 22 }]; 
$scope.gridOptions = { 
    data: 'someData', 
    columnDefs: [{ 
     field: 'name', 
     displayName: 'Name', 
     cellClass: 'grid-align' 
    }, { 
     field: 'age', 
     displayName: 'Age' 
    }] 
}; 

CSS:

.grid-align { 
    text-align: center; 
} 

Beachten Sie, dass diese Lösung macht nur einige Spalten zentriert (das heißt, diejenigen, die mit cellClass angegeben). Um alle Spalten zentriert zu machen, fügen Sie einfach class="grid-align" zur ng-grid div hinzu.

Answer 2

Ja, es gibt. Sie möchten die Zeilen- oder Zellenvorlage verwenden. Es ist in der columnDefs im Controller definiert, wo Sie das ng-Grid einrichten.

Ich habe ein Update Plunker unter, dass die Spalten in der Mitte ausgerichtet hat.

Plunker