如何使细节网格在ag-grid中可选

// 定义columnDefs
const columnDefs = [
  // 其他列定义
  {
    headerName: '细节网格',
    field: 'details',
    cellRenderer: function(params) {
      // 创建一个复选框元素
      const checkbox = document.createElement('input');
      checkbox.type = 'checkbox';

      // 添加事件监听器
      checkbox.addEventListener('change', function(event) {
        // 根据checkbox的选中状态设置细节网格的可选状态
        const selected = event.target.checked;
        // 使用ag-Grid的API修改细节网格的可选状态
        params.api.setDetailGridOptions({suppressRowClickSelection: !selected});
      });

      // 返回复选框元素
      return checkbox;
    }
  }
];

// 创建ag-Grid实例
const gridOptions = {
  // 其他配置
  columnDefs: columnDefs,
  // 设置细节网格可选状态的初始值
  detailGridOptions: {
    suppressRowClickSelection: true
  },
};

// 初始化ag-Grid
new agGrid.Grid(gridDiv, gridOptions);