Выравнивание текста AngularJS ngGrid

Согласно комментарию oblivion19, вот пример решения (с небольшим количеством контекста) от установка свойства 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" к элементу div ng-grid.

Да, есть. Вы хотите использовать шаблон строки или ячейки. Он определяется в 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 ниже, в котором столбцы выровнены по центру.

Планкер