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

时间:2018-10-20 13:28:24

标签: javascript css element-ui

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

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

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

有人有做这项工作的经验吗?

1 个答案:

答案 0 :(得分:2)

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

编辑,解决方案

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

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