如何对位于ag-grid不同行的单选按钮进行分组

// 定义单元格渲染器
function radioButtonRenderer(params) {
  const radioBtn = document.createElement('input');
  radioBtn.type = 'radio';
  radioBtn.name = 'group'; // 将所有单选按钮分组
  radioBtn.value = params.data.id; // 使用数据的唯一标识符作为值
  radioBtn.addEventListener('change', function() {
    // 在选择时更新数据模型或执行其他操作
    console.log('选中的单选按钮值：', this.value);
  });

  const label = document.createElement('label');
  label.appendChild(radioBtn);
  label.appendChild(document.createTextNode(params.value));

  return label;
}

// 配置ag-grid
const gridOptions = {
  columnDefs: [
    { headerName: '名称', field: 'name' },
    { headerName: '单选按钮', field: 'radioButton', cellRenderer: radioButtonRenderer }
  ],
  rowData: [
    { id: 1, name: '选项1' },
    { id: 2, name: '选项2' },
    { id: 3, name: '选项3' }
  ]
};

// 创建ag-grid实例
const gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);