如何使用gridOptions为ag grid/angular中的行着色?
我正在尝试根据行的排名为行着色。我发现我必须使用gridOptions。但是,我没有正确地使用它。如何使用gridOptions为ag grid/angular中的行着色?,angular,ag-grid,Angular,Ag Grid,我正在尝试根据行的排名为行着色。我发现我必须使用gridOptions。但是,我没有正确地使用它。 这就是我到目前为止所做的: 在html文件中: <ag-grid-angular style="width: 5000px ; height: 1000px;" class="ag-theme-balham" [rowData]="rowDataBia" [columnDefs]="columnDefsBia" [gridOptions]="gridOptions" &g
这就是我到目前为止所做的:
在html文件中:
<ag-grid-angular
style="width: 5000px ; height: 1000px;"
class="ag-theme-balham"
[rowData]="rowDataBia"
[columnDefs]="columnDefsBia"
[gridOptions]="gridOptions"
>
</ag-grid-angular>
正如我所说,这是行不通的。有人能告诉我我做错了什么,可能是如何解决的吗?
谢谢。试试这个:
gridOptions: GridOptions;
this.gridOptions.getRowStyle = (params) => {
if (params.node.rowIndex % 2 === 0) {
return { background: 'red' }
}
}
我刚刚找到了一个简单的解决方案:
在html文件中的网格定义中添加以下内容:
[getRowStyle]="getRowStyle"
在typescript文件中添加以下内容:
public getRowStyle = function(params){
if (params.node.rowIndex % 2 === 0) {
return { background: 'red' }
}
}
public getRowStyle = function(params){
if (params.node.rowIndex % 2 === 0) {
return { background: 'red' }
}
}