11

有没有办法将单元格文本值对齐到中心/右侧？谢谢你。

这是一个plnkr基本示例。

4

2 回答 2

38

根据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 即可。

于 2014-07-08T20:48:35.960 回答
7

就在这里。您想使用行或单元格模板。它在您设置 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，它的列与中心对齐。

普朗克

于 2013-07-23T09:32:41.323 回答