AngularJS ngGrid 文本对齐

Question

有什么方法可以将单元格文本值与中心/右对齐？谢谢。

这是一个 plnkr基本例子。

Answer 1

根据 oblivion19's comment ，这是通过设置 cellClass 的示例解决方案(具有更多上下文) columnDefs 的属性对象在 gridOptions :

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 的列)。要使所有列居中，只需添加 class="grid-align"到 ng-grid div 代替。