如何自定义 Material ui 表格单元格，以便其中的文本将占用两行而不是一行？

Posted 2023-03-05

【中文标题】如何自定义 Material ui 表格单元格，以便其中的文本将占用两行而不是一行？

【英文标题】：how to customize Material ui table cell so text inside of it will take two lines instead of one line?

【发布时间】：2020-07-21 13:45:37

【问题描述】：

我想自定义原生 Material UI 单元格，以便在其中显示两行文本，并用省略号代替一行。由于当前表格的实现方式，在单元格内添加 div 并为其添加样式将不起作用。

这是它目前的样子：

【问题讨论】：

这能回答你的问题吗？ github.com/mui-org/material-ui/issues/2076

由于某些原因，此解决方案根本不会影响样式

我认为现在甚至不可能这样做

【参考方案1】：

使用 wordWrap 解决我的问题 使用 wordWrap 如下：

 <TableCell
                    style=
                      whiteSpace: "normal",
                      wordWrap: "break-word"
                    
                  >Some Long content ......... 
</TableCell>

【讨论】：

我不相信这回答了原始发帖人的问题。我认为这允许换行，但在两行之后不提供省略号。看起来它将显示任意数量的行。您能否澄清一下这是如何工作的，并可能提供示例代码输出的屏幕截图（实际的长文本在文本本身中不包含省略号）？