在aggridangularjs上动态更改字体大小

Question

我正在尝试使用cellClass放大ag网格cell+标头上的字体，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网格上的ng样式，我可以更改颜色，但字体大小完全不变，有人有类似的经历吗？这在ag网格上似乎是一件常见而简单的事情，我想知道是否有人想出了好的解决方案来分享？感谢

Answer 1

我刚刚遇到了一个类似的问题，但以下内容似乎适用于ag网格的Angular2实现：ag-grid-ng2

ag网格单元样式

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网格，如下所示：

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

最后，你应该知道行高默认为25px，所以96px字体将消失，除非你也按照这里的文档设置行高：

ag网格行高