javascript - 禁用 Ag-grid 中的复选框选择

Question

是否可以通过保留一些带有某些约束呈现的选定行来禁用复选框选择？我不想让用户取消选择在呈现时选择的行。

我找到了 this.gridOptions.suppressCellSelection = true; 但这只是隐藏了复选框，而我需要在禁用模式下显示复选框。

谢谢。

Answer 1

我通过在 GridOptions 中添加 rowClassRules 解决了这个问题

            rowClassRules: {
                'ag-row-selected' : function(params) {
                    return params.node.selected === true;
                },
            },

这将添加如下 css 以禁用复选框点击

.ag-row-selected{
        .ag-cell .ag-cell-wrapper .ag-selection-checkbox .ag-icon-checkbox-checked {
            pointer-events: none;
        }
    }

RowClass 规则在更新/刷新网格或更新节点时应用。我通过更新特定节点来做到这一点

           node.setSelected(true);
           // this is to trigger rowClass for selected/non-selected rows
           // to disable checkbox selection
           node.setData(node.data);