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

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 上添加条件模板

how to add conditional template on ag-grid

ag-grid