ElementUI - 如何自动换行：el-table-column 中的断词

Question

使用 ElementUI，我希望能够将文本包装在空格上的列中，而不是放在单词的中间。通常你会申请

white-space: normal;
word-wrap: break-word;

在普通列中，或用该样式包装在一个 div 中，但是当使用 ElementUI el-table 和 el-table-column 时，它没有任何效果。我已经尝试将 el-table-column 作为一个类和直接应用的样式，但没有任何变化。

有没有人有做这项工作的经验？

Answer 1

检查元素并检查属性是否设置正确。 应该是库其他部分CSS Specificity的问题。

编辑，解决方案

尝试将此 CSS 放在 CSS 库之后的位置，它应该可以解决问题。

.el-table .cell {
    word-break: break-word;
}