angular-ui-grid – UI-GRID标题 – 更改颜色和文本

发布时间：2020-12-17 06:56:28 所属栏目：安全来源：网络整理

导读：我想更改角度ui网格标题的颜色和文本. 我希望标题的背景为黑色,文本为白色. 我不想要渐变或阴影.我只想要它黑. 我需要添加什么CSS？解决方法这很简单.只需为您的css添加每个列的headerCellClass. $scope.gridOptions = { enableSorting: true,columnDefs:

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

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

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

我需要添加什么CSS？

解决方法

这很简单.只需为您的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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!