angularjs - AngularJS ngGrid テキストの配置

Question

セルのテキスト値を中央/右に揃える方法はありますか? ありがとうございました。

これはplnkrの基本的な例です。

Answer 1

oblivion19 のコメントに従って、オブジェクトのcellClassプロパティを設定することによるソリューションの例を次に示します (もう少しコンテキストがあります) 。columnDefsgridOptions

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;
}

このソリューションは、一部の列のみを中央揃えにすることに注意してください (つまり、cellClass指定されたもの)。すべての列を中央揃えにするには、代わりに div に追加するだけですclass="grid-align"。ng-grid