在ag-grid中，可以在同一列中显示具有复选框和其他类型的单元格吗

// 定义自定义的单元格渲染器
function customCellRenderer(params) {
  // 创建一个包含复选框和其他类型元素的容器
  var container = document.createElement('div');

  // 创建复选框元素
  var checkbox = document.createElement('input');
  checkbox.type = 'checkbox';
  checkbox.checked = params.value;

  // 创建其他类型的元素（示例为文本）
  var text = document.createElement('span');
  text.textContent = params.value ? '选中' : '未选中';

  // 将复选框和其他类型的元素添加到容器中
  container.appendChild(checkbox);
  container.appendChild(text);

  // 返回容器作为渲染结果
  return container;
}

// 定义自定义的单元格编辑器
function customCellEditor(params) {
  // 创建一个包含复选框和其他类型元素的容器
  var container = document.createElement('div');

  // 创建复选框元素
  var checkbox = document.createElement('input');
  checkbox.type = 'checkbox';
  checkbox.checked = params.value;

  // 创建其他类型的元素（示例为文本输入框）
  var input = document.createElement('input');
  input.type = 'text';
  input.value = params.value ? '选中' : '未选中';

  // 将复选框和其他类型的元素添加到容器中
  container.appendChild(checkbox);
  container.appendChild(input);

  // 返回容器作为编辑器组件
  return container;
}

// 在列定义中使用自定义的单元格渲染器和编辑器
var columnDefs = [
  {
    headerName: '复选框列',
    field: 'checkbox',
    cellRenderer: customCellRenderer,
    cellEditor: customCellEditor,
    editable: true
  },
  // 其他列定义...
];

// 创建ag-grid实例并传入列定义和数据
new agGrid.Grid(gridDiv, {
  columnDefs: columnDefs,
  rowData: rowData,
  // 其他配置...
});