在ag grid angularjs上动态更改字体大小
我正在尝试使用cellClass放大ag grid cell+标题上的字体,sytax是: ... cellClass:CellStyleing, //我也尝试过:返回{'font-size':'96px','font-weight':..}在ag grid angularjs上动态更改字体大小,angularjs,fonts,styles,size,ag-grid,Angularjs,Fonts,Styles,Size,Ag Grid,我正在尝试使用cellClass放大ag grid cell+标题上的字体,sytax是: ... cellClass:CellStyleing, //我也尝试过:返回{'font-size':'96px','font-weight':..} //除了ag网格上的ng样式,我可以改变颜色,但字体大小根本不会改变,有人有过类似的经验吗?在ag网格上,这似乎是一件常见且容易的事情,我想知道是否有人提出了好的解决方案来共享? 谢谢我刚刚遇到了一个类似的问题,但以下内容似乎适用于ag grid的实施
//除了ag网格上的ng样式,我可以改变颜色,但字体大小根本不会改变,有人有过类似的经验吗?在ag网格上,这似乎是一件常见且容易的事情,我想知道是否有人提出了好的解决方案来共享?
谢谢我刚刚遇到了一个类似的问题,但以下内容似乎适用于ag grid的实施:ag-grid-ng2
this.gridOptions={};
this.columnDefs=[
{headerName:'Site',字段:“SiteID”,宽度:80,
cellStyle:函数(参数){
如果(参数值=='AH'){
返回{color:'red','font size':'22px'};
}否则{
返回null;
}
} },
{标题名称:“建筑”,字段:“建筑”,宽度:300}
... ]
在html中,这适用于ag网格,如下所示:
<ag-grid-ng2 #agGrid style="width: 100%; height: 250px; " class="ag-fresh"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[rowData]="buildings"
... >
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 }
... ]
<ag-grid-ng2 #agGrid style="width: 100%; height: 250px; " class="ag-fresh"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[rowData]="buildings"
... >