import DataGrid, { Column } from 'devextreme-react/data-grid'; 在react中只让分组的一行有复选框

你可以使用 `customizeColumns` 属性来自定义每一列的表现。在这里，你可以检查每一行的数据是否是分组行，如果是，就把复选框隐藏起来。下面是一个示例代码：

import DataGrid, { Column } from 'devextreme-react/data-grid';

function CustomizedDataGrid({ dataSource }) {

  const customizeColumns = (columns) => {
    columns.forEach((column) => {
      if (column.dataField === '__group' && column.groupIndex === 0) {
        column.cellRender = (cellInfo) => {
          return (
            <div className="dx-datagrid-cell-value">
              <input type="checkbox" checked={false} disabled />
              {cellInfo.text}
            </div>
          );
        };
      }
    });
    return columns;
  };

  return (
    <DataGrid
      dataSource={dataSource}
      showBorders={true}
      customizeColumns={customizeColumns}
    >
      <Column dataField="field1" />
      <Column dataField="field2" />
      <Column dataField="field3" />
    </DataGrid>
  );
}

export default CustomizedDataGrid;

在这个示例中，我们给 `DataGrid` 组件传递了一个名为 `customizeColumns` 的属性，它是一个函数，用于自定义每一列的表现。在函数的内部，我们遍历了每一列，检查了 `dataField` 是否为 `__group`，并且检查 `groupIndex` 是否为 0（因为我们只需要在第一个分组列上显示复选框）。如果是一个分组列，我们使用 `cellRender` 属性来自定义单元格的渲染方式，将复选框和分组标题一起渲染出来。

注意，这个示例代码中使用了 `disabled` 属性来禁用了复选框，这是因为分组行没有数据，因此没有意义让用户选择。如果你想让复选框可用，可以根据你的具体业务逻辑来实现。