不能在 GRID_DETAIL_PANEL_TOGGLE_COL_DEF DataGridPro 中扩展多个列

can't have multiple columns expandable in GRID_DETAIL_PANEL_TOGGLE_COL_DEF DataGridPro

提问人:Patrice Loos 提问时间:8/20/2023 最后编辑:Uwe KeimPatrice Loos 更新时间:8/27/2023 访问量:54

问:

enter image description here

我正在扩展这个演示:https://mui.com/x/react-data-grid/master-detail/

它允许有一个可扩展的列值,但不能超过一个,使用GRID_DETAIL_PANEL_TOGGLE_COL_DEF时是否可以添加多个可扩展列?

原因似乎是GRID_DETAIL_PANEL_TOGGLE_COL_DEF默认将网格字段名称设置为detail_panel_toggle。字段名称在网格中必须是唯一的,因此GRID_DETAIL_PANEL_TOGGLE_COL_DEF只能使用一次。

添加第二列时是否可以更改字段名称?

const columns: GridColDef[] = [
 { field: 'currency', headerName: 'Currency' },
 { 
    ...GRID_DETAIL_PANEL_TOGGLE_COL_DEF,
    renderHeader: () => (<>{'Product01'}</>),
    width: 100,
    renderCell: (params) => <CustomDetailPanelToggle {...params} />,
 },
 { 
    ...GRID_DETAIL_PANEL_TOGGLE_COL_DEF,  /// --- >>> change field value from __detail_panel_toggle__ to something else.
    renderHeader: () => (<>{'Product02'}</>),
    width: 100,
    renderCell: (params) => <CustomDetailPanelToggle {...params} />,
 },
 { field: 'address', headerName: 'Address' },
];

有 2 根可扩展柱,见附图。

reactjs 多列 可扩展 mui-x-data-grid

评论

0赞 Joshua Shew 8/21/2023
你最后提到的“附图”在哪里?我在问题中看不到它。如果可能,请编辑并附加。
0赞 Patrice Loos 8/24/2023
您可以在问题顶部看到带有“在此处输入图像描述”链接的图像。谢谢

答: 暂无答案