Ag-grid禁用特定行中的按钮

// 列定义
const columnDefs = [
  { headerName: '姓名', field: 'name' },
  { headerName: '年龄', field: 'age' },
  { headerName: '操作', cellRenderer: 'customButtonRenderer' }
];

// 自定义的cellRenderer组件
class CustomButtonRenderer {
  init(params) {
    this.params = params;
    this.eButton = document.createElement('button');
    this.eButton.innerHTML = '点击';
    this.eButton.disabled = params.data.disableButton; // 根据特定条件禁用按钮
    this.eButton.addEventListener('click', this.onButtonClick.bind(this));
  }

  getGui() {
    return this.eButton;
  }

  onButtonClick() {
    // 执行相应的操作
    console.log('按钮被点击');
  }
}

// Ag-grid实例化
new agGrid.Grid(gridDiv, gridOptions);

// 注册自定义的cellRenderer组件
gridOptions.components = {
  customButtonRenderer: CustomButtonRenderer
};

// 数据
const rowData = [
  { name: '张三', age: 20, disableButton: false },
  { name: '李四', age: 25, disableButton: true },
  { name: '王五', age: 30, disableButton: false }
];

// 设置数据
gridOptions.api.setRowData(rowData);