UI-GRID标题 - 更改颜色和文本

Question

我想更改角度ui网格标题的颜色和文本.

我希望标题的背景为黑色,文本为白色.

我不想要渐变或阴影.我只想要它黑.

我需要添加什么CSS？

Answer 1

我知道这已经回答了.但是这个css规则在不需要创建columDefs的情况下完成相同的工作:

.ui-grid-top-panel {
    background: black;
    color: white;
}

Plunker

Answer 2

这很简单.只需为您的css添加每个列的headerCellClass.

 $scope.gridOptions = {
    enableSorting: true,
    columnDefs: [
      { field: 'name', headerCellClass: 'white' },
      { field: 'company',headerCellClass:'white'}
    ],
    onRegisterApi: function( gridApi ) {
      $scope.gridApi = gridApi;
      $scope.gridApi.core.on.sortChanged( $scope, function( grid, sort ) {
        $scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.COLUMN );
      })
    }
  };

这是一个样本

http://plnkr.co/edit/DKi9nSMbI3PG1u8lcHDE?p=preview