Material Design MUI表格超出问题怎么修改?

mui框架,不知道为啥加入了就这样了

img

        <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}
      />
</>
其他的表格又正常

img

区别写法就是一个写成组件(也没变化就是移到了一个新页面,样式是统一的),一个是直接放置(正常那个)

img

img

你好,我是有问必答小助手,非常抱歉,本次您提出的有问必答问题,技术专家团超时未为您做出解答


本次提问扣除的有问必答次数,将会以问答VIP体验卡(1次有问必答机会、商城购买实体图书享受95折优惠)的形式为您补发到账户。


因为有问必答VIP体验卡有效期仅有1天,您在需要使用的时候【私信】联系我,我会为您补发。