Javascript Nextjs MUI datatables：获取行到带有标题的模式弹出窗口

使用nextjs应用程序并使用MUI Datatables显示表。我想实现的是，点击表格行将创建一个带有当前表格行数据的弹出窗口，表格标题也在模式中

目前，我正在使用exapandableRows选项为弹出窗口创建自定义div：

    const options = {
      filterType: 'dropdown',
      selectableRows: false,
      download: false,
      rowsPerPage: 15,
      responsive: 'scrollFullHeight',
      print: false,
      onRowClick: rowData => console.log(rowData),
      expandableRows: true,
      renderExpandableRow: (rowData, rowMeta) => {
        console.log(rowData, rowMeta);
        
        return (
          <div className="modal-popup">
            <div className="modal-popup--inner">
// table header should be in here as well aligned with the rowData
              {JSON.stringify(rowData)}

            </div>
          </div>
          
        );
      }
    };

const选项={
filterType:“下拉列表”，
selectableRows:false，
下载：错，
行页码：15，
响应：“滚动高度”，
印刷品：假，
onRowClick:rowData=>console.log（rowData），
expandableRows：对，
renderExpandableRow：（rowData，rowMeta）=>{
log（rowData，rowMeta）；
返回(
//表格标题应该在这里，并且和行数据对齐
{JSON.stringify（rowData）}
);
}
};

尽管有些问题我无法从文档中解决，但这很好：

• 如何将表格标题也放入模式中
• 如何使用每个项目的html包装来构造rowData？目前它只是一个纯文本响应

有什么建议吗