datagrid - 如何使我的布尔列在 ag-grid 中显示复选框

Question

我的网格中有一个布尔列，当前显示“真”或“假”，但我希望它显示一个复选框。
我该怎么做。
我们使用 Angular 和 Adaptable 的 ag-grid 25。

标签： datagridag-gridag-grid-angular

Answer 1

正如您所说，您正在使用 AdapTable，那么您只需将列的名称添加到CheckBoxColumnsPredefinedConfig / UserInterface 的列表中

请参阅： https ://docs.adaptabletools.com/docs/predefined-config/user-interface-config#checkboxcolumns

所以像：

    export default {
        UserInterface: {
            CheckboxColumns: ['myBooleanColumn'],
        },
    } as PredefinedConfig;

这将动态创建一个与 NearHuscarl 建议的非常相似的 CellRenderer。

如果该列是只读的，复选框将被禁用。

值得注意的是，每次单击列中的单元格时都会触发 CheckboxColumnClickedEvent。