mui 数据表列宽选项不可用

Question

我正在尝试为每列设置不同的列宽。但是在 mui 数据表列选项中没有设置列宽的选项。我也尝试覆盖 css 属性，但这也不起作用。有没有其他选项可以设置列宽。MUIDataTableBodyCell: { root: { height: '30px', width: '200px' } },

Answer 1

经过大量的反复试验，我找到了适合我的解决方案。我正在使用 mui-datatables 3.5.0。

我能够通过设置单元格道具 (setCellProps) 来设置列宽。最初，我对单元格和标题都这样做了，但事实证明标题不是必需的。

    export const columns = [
    {
        name: "category",
        label: "Category",
        options: {
            setCellProps: () => ({ style: { minWidth: "800px", maxWidth: "800px" }}),
            customBodyRender: (data, type, row) => {return <pre>{data}</pre>}
      },
    },