<Box className="mt-2 w-100 mb-4">
<Paper sx={{ width: '100%', mb: 2 }}>
<CollectionTable list={list} onUpdate={onUpdate} onDelete={onDelete} />
</Paper>
</Box>
<>
<TableContainer style={{ overflowX: 'unset' }}>
<Table aria-labelledby="tableTitle" stickyHeader aria-label="sticky table">
<NewTableHead
order={order}
orderBy={orderBy}
numSelected={showSelected.length}
rowCount={list.length}
list={collectionCells}
/>
<TableBody>
{list.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((item, index) => {
const isItemSelected = isSelected(item?.a_id)
const labelId = `enhanced-table-checkbox-${index}`
return (
<TableRow
hover
role="checkbox"
aria-checked={isItemSelected}
tabIndex={-1}
key={item.a_id}
selected={isItemSelected}
>
<TableCell scope="row">{item.a_id}</TableCell>
</TableRow>
</Table>
</TableContainer>
<TablePagination
rowsPerPageOptions={[5, 10, 25]}
component="div"
count={list.length}
rowsPerPage={rowsPerPage}
page={page}
onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage}
/>
</>
区别写法就是一个写成组件(也没变化就是移到了一个新页面,样式是统一的),一个是直接放置(正常那个)
你好,我是有问必答小助手,非常抱歉,本次您提出的有问必答问题,技术专家团超时未为您做出解答
本次提问扣除的有问必答次数,将会以问答VIP体验卡(1次有问必答机会、商城购买实体图书享受95折优惠)的形式为您补发到账户。
因为有问必答VIP体验卡有效期仅有1天,您在需要使用的时候【私信】联系我,我会为您补发。