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

Question

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

        <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}
      />
</>

其他的表格又正常

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

Answer 1

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


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


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