Question

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

例如：如果我的行有得分属性，我想在得分高于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 }
        ];

Answer 1

在列对象中使用cellRenderer属性

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中，您拥有所有行数据

如何在ag-grid上添加条件模板

1 个答案: