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