提问人:Patrice Loos 提问时间:8/20/2023 最后编辑:Uwe KeimPatrice Loos 更新时间:8/27/2023 访问量:54
不能在 GRID_DETAIL_PANEL_TOGGLE_COL_DEF DataGridPro 中扩展多个列
can't have multiple columns expandable in GRID_DETAIL_PANEL_TOGGLE_COL_DEF DataGridPro
问:
我正在扩展这个演示: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 根可扩展柱,见附图。
答: 暂无答案
评论