DataGrid MUI 中是否有任何选项可以在复杂对象上使用 renderCell 导出列？

Question

我正在使用

DataGrid @mui/x-data-grid

 导出 

CustomToolbar

表

我有如下列之一

        {
            field: 'industry_type',
            headerName: 'Industry',
            renderCell: (params) => {
                const industry = params.row.industry_type;
                return (
                    <>
                        <p>{`${industry.code}- ${industry.value}`} </p>
                    </>
                );
            }
        }

从导出选项下载的 csv 文件给出的值为

[object Object]

如何获取 csv 下载文件中的实际值？我需要帮助来解决这个问题。谢谢。

Answer 1

valueGetter 对导出有用吗？

        {
            field: 'industry_type',
            headerName: 'Industry',
            renderCell: (params) => {
                const industry = params.row.industry_type;
                return (
                    <>
                        <p>{`${industry.code}- ${industry.value}`} </p>
                    </>
                );
            },
            valueGetter: (params) => `${params.row.industry_type.code}- ${params.row.industry_type.value}`,
        }

Answer 2

根据MUI数据网格文档这里，您可以提供

valueFormatter

{
        field: 'industry_type',
        headerName: 'Industry',
        renderCell: (params) => {
            const industry = params.row.industry_type;
            return (
                <>
                    <p>{`${industry.code}- ${industry.value}`} </p>
                </>
            );
        },
        valueFormatter: ({ value }) => `${value.industry_type.code}- ${value.industry_type.value}`,
    }