Card 中的 TableCell 文本在 React 中溢出
TableCell Texts inside Card Is Overflowing in React
我在 table 卡中有一个 table,我的 TableCell 有问题。如果单词太长,它就会水平溢出。我如何将它分解到下一行?请查看那里的“代码”,因为它溢出了
请在这里查看我的codesandbox CLICK HERE
<TableBody>
<TableRow>
<TableCell variant="head">Date</TableCell>
<TableCell variant="body">{order.date}</TableCell>
</TableRow>
<TableRow>
<TableCell variant="head">Code</TableCell>
<TableCell variant="body">{order.code}</TableCell>
</TableRow>
<TableRow>
<TableCell variant="head">Time</TableCell>
<TableCell variant="body">{order.time}</TableCell>
</TableRow>
<TableRow>
<TableCell variant="head">Product</TableCell>
<TableCell variant="body">{order.product}</TableCell>
</TableRow>
</TableBody>
我在 table 卡中有一个 table,我的 TableCell 有问题。如果单词太长,它就会水平溢出。我如何将它分解到下一行?请查看那里的“代码”,因为它溢出了
请在这里查看我的codesandbox CLICK HERE
<TableBody>
<TableRow>
<TableCell variant="head">Date</TableCell>
<TableCell variant="body">{order.date}</TableCell>
</TableRow>
<TableRow>
<TableCell variant="head">Code</TableCell>
<TableCell variant="body">{order.code}</TableCell>
</TableRow>
<TableRow>
<TableCell variant="head">Time</TableCell>
<TableCell variant="body">{order.time}</TableCell>
</TableRow>
<TableRow>
<TableCell variant="head">Product</TableCell>
<TableCell variant="body">{order.product}</TableCell>
</TableRow>
</TableBody>