我正在自定义mbrn / material-table的groupRow,但是我找不到用于此操作的任何文档。
https://material-table.com/#/docs/features/grouping
到目前为止,我设法使groupRow及其工作正常。但是现在我不知道如何在扩展groupRow时呈现表行。
我尝试使用MTableBody
,但记录未显示
<tr classname="MuiTableRow-root">
<td
classname="MuiTableCell-root MuiTableCell-alignLeft MuiTableCell-paddingNone MuiTableCell-body py-2"
colSpan={visiblecolumns + isGroupedAndHidden}
>
<button classname="d-flex Card w-100">
<div classname="ml-3 text-left">
<div classname="text--bold text--muted text--xs">
{props.groups[0].title}
</div>
<div classname="pt-1 pb-1">
{groupheader.title == 'Priority' ? (
<Priority value={groupData.value} />
) : groupheader.title == 'Time' ? (
<DateFormatter value={groupData.value} relative={true} />
) : (
groupData.value
)}
</div>
</div>
<div classname="ListGroupHeader__meta d-flex align-items-center justify-content-end">
<span classname="ListGroupHeader__count ml-3 mr-1">
{alerts.length}
</span>{' '}
alert{alerts.length > 1 ? 's' : ''}
<ChevronRight
classname="text-muted"
style={{ fontSize: '30px' }}
/>
</div>
</button>
<MTableBody {...props} />
</td>
</tr>
这是我的代码的样子。太困惑了,我不知道要使它起作用还缺少什么
CodeSandBox:https://codesandbox.io/s/festive-bell-5d76e