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指定的列).要使所有列居中,只需添加class="grid-align"到ng-griddiv即可.

Answer 2

就在这里.您想使用行或单元格模板.它在您设置ng-grid的控制器中的columnDefs上定义.

columnDefs: [{field: 'name', displayName: 'Name'},
                 {field:'age', displayName:'Age', cellTemplate: '<div ng-class="{green: row.getProperty(col.field) > 30}"><div style="text-align:center;"  class="ngCellText">{{row.getProperty(col.field)}}</div></div>'}]
    };

我在下面有一个更新的Plunker,它的列与中心对齐.

Plunker