如何更新JS中初始化的表头

Question

我想将标题居中，并将颜色从黑色更改为其他颜色

我该怎么做？

$scope.gridOptions2 = {
    infiniteScrollRowsFromEnd: 50,
    infiniteScrollUp: true,
    infiniteScrollDown: true,
    //rowModelType : 'infinite',
    enableRowSelection: true,
    //infiniteScrollDown: false,
    enableColumnMenus: false,
    resizable: true,
    useExternalSorting: true,
    rowHeight: 40,
    columnDefs: [

  {

       name: 'Shape',
       cellTemplate: '<div ng-click="grid.appScope.RedirectTo(row.entity.DiamondId,row.entity.ShapeName)" style="display: table; height: 100%;width:100%"><div style="height: 100% !important; display: table-cell !important; vertical-align: middle; "><div ><div style=" font-family: Roboto-Regular;color: #000000;font-size: 12px;text-align: center">{{row.entity.ShapeName}}</div></div></div>',
       //cellTemplate: '<div>Shape:{{row.entity.ShapeName}}</br>Cert:{{row.entity.CertName}}</br>Carat:{{row.entity.DiamondCarat}}</br>Color:{{row.entity.DiamondColor}}</br>Clarity:{{row.entity.DiamondClarity}}</br>Symmetry:{{row.entity.DiamondSymmetry}}</br>Retail Price:${{row.entity.DiamondPrice}}</div>',

   },
  {

       name: 'Carat',
       cellTemplate: '<div ng-click="grid.appScope.RedirectTo(row.entity.DiamondId,row.entity.ShapeName)" style="display: table; height: 100%;width:100%"><div style="height: 100% !important; display: table-cell !important; vertical-align: middle; "><div ><div style=" font-family: Roboto-Regular;color: #000000;font-size: 12px;text-align: center">{{row.entity.DiamondCarat}}</div></div></div>',
       //cellTemplate: '<div>Shape:{{row.entity.ShapeName}}</br>Cert:{{row.entity.CertName}}</br>Carat:{{row.entity.DiamondCarat}}</br>Color:{{row.entity.DiamondColor}}</br>Clarity:{{row.entity.DiamondClarity}}</br>Symmetry:{{row.entity.DiamondSymmetry}}</br>Retail Price:${{row.entity.DiamondPrice}}</div>',

   },]

我想将以上内容居中并更改颜色

谢谢