如何在ag-grid上添加条件模板 [英] how to add conditional template on ag-grid

问题描述

我可以在下面的第一列上做一个条件模板吗？

can I do a conditional template on the first column below?

例如：
如果我的行具有score属性并且我想隐藏输入当我的分数高于70时？

for example: If my row has score property and I want to hide the input when my score is above 70?

let columns = [
            { width: 30, suppressSorting: true, suppressMenu: true, template: '<input type="checkbox">' },
            { headerName: "Score", filter: 'number', valueGetter: (params : any) =>
                params.data.traces ? (<Alert> params.data.traces[0]).severity : params.data.severity, width:70},
            { headerName: "Behaviour tags" },
            { headerName: "Host", field: "host_name" },
            { headerName: "Group Id", cellRenderer: 'group', width:140 },
            { headerName: "Comments",width:290 }
        ];

推荐答案

在您的列对象中使用cellRenderer属性

Use cellRenderer property in your column object

let columns = [{ width: 30, suppressSorting: true, suppressMenu: true,
    cellRenderer: function (params) {
        var display = 'block';
        if (params.data.score > 70) {
            display = 'none';
        }

        var html = '<input type="checkbox" style="display: ' + display + '">';

        return html;
    }
}]

在params.data中，您拥有所有行数据

In params.data you have all row data

这篇关于如何在ag-grid上添加条件模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！