我是React的新手，我使用React Table-MUI创建了表组件。然后我尝试将我的表行放入<Box></Box>中，如下面的代码所示。然后我看到我的整个表体只占用了y第一列的空间，其他列为空。
如何更正这个问题？<Box></Box>是强制性的，以 Package 每一行。

<TableContainer>
    <TableHeader>
    .
    .
    .
    </TableHeader>

    <TableBody>
        {data.map((item,index) => {
            return(
                <Box>
                   <TableCell></TableCell>
                   <TableCell></TableCell>
                   <TableCell></TableCell>
                </Box>
            )
        })}
    </TableBody>
</TableContainer>

我需要把每一列都放到它的标题下。现在整行都在第一列下。我该怎么做呢？