有没有办法对MUI-dataTable中的列进行分组？

import { DataTable } from 'mui-datatables';

const data = [
  { id: 1, name: 'Item 1', category: 'Category A' },
  { id: 2, name: 'Item 2', category: 'Category A' },
  { id: 3, name: 'Item 3', category: 'Category B' },
  { id: 4, name: 'Item 4', category: 'Category B' },
];

const columns = [
  {
    name: 'id',
    label: 'ID',
    options: {
      customBodyRender: (value, tableMeta) => {
        // Add grouping logic here based on the 'category' field
        // You can add HTML tags or apply styles for grouping
        if (tableMeta.rowIndex === 0 || data[tableMeta.rowIndex].category !== data[tableMeta.rowIndex - 1].category) {
          return (
            <span>
              <strong>Category: {data[tableMeta.rowIndex].category}</strong>
              <br />
              {value}
            </span>
          );
        }
        return value;
      },
    },
  },
  {
    name: 'name',
    label: 'Name',
    options: {
      // Add other options for this column if needed
    },
  },
];

const options = {
  // Add other options for MUI-dataTable if needed
};

const ExampleTable = () => (
  <DataTable
    title="Example"
    data={data}
    columns={columns}
    options={options}
  />
);