Question

我正在尝试使用cellClass扩大ag-grid cell + header上的字体，sytax是： ... cellClass：cellStyling， .....

function cellStyling(params){
    if(true){
        return {'FontSize': '96px', 'font-weight': 'bold'};
    } else {
        return {'FontSize': '16px','font-color':'green'};
    }
 }

//我也尝试过：return {'font-size'：'96px'，'font-weight'：....'};
//以及ag-grid上的ng-style，我可以改变颜色，但字体大小根本没有变化，有没有人有类似的经历？这似乎是在ag-grid上做的常见且容易的事情，我想知道是否有人提出了好的解决方案来分享？谢谢

Answer 1

我遇到了类似的问题，但以下似乎适用于 Angular2 ag-grid的实施： ag-grid-ng2

ag-grid cell styling

this.gridOptions = <GridOptions>{};
this.columnDefs = [
  { headerName: 'Site', field: "SiteID", width: 80, 
    cellStyle: function(params) {
      if (params.value=='AH') {
        return {color: 'red', 'font-size': '22px'};
      } else {
        return null;
        } 
    } },
  { headerName: 'Building', field: "Building", width: 300 }
  ... ]

在html中，这适用于ag-grid，如下所示：

<ag-grid-ng2 #agGrid style="width: 100%; height: 250px; " class="ag-fresh"
   [gridOptions]="gridOptions"
   [columnDefs]="columnDefs"
   [rowData]="buildings"
   ... >

最后，您应该知道行高默认为25px，因此除非您按照此处的文档设置行高，否则96px字体将消失：

ag-grid row-height

在ag-grid angularjs

1 个答案: