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中。

Answer 2

是的。您想使用行或单元格模板。它在控制器中的columnDefs上定义，您可以在其中设置ng-grid。

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

AngularJS ngGrid文本对齐方式

2 个答案: