ElementUI - How to Word wrap: break-word in el-table-column

user_8407579 0
Viewed 4665

Using ElementUI I'd like to be able to wrap the text in a column on whitespace rather than in the middle of a word. Normally you'd apply

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

To the in a normal column, or wrap in a div with that styling but when using ElementUI el-table and el-table-column it doesn't have any effect. I've tried on the el-table-column as a class and as a direct applied style but nothing changes.

Does anyone have any experience of making this work?

element-ui css javascript
1 Answers

Inspect the element and check if the properties are correctly set. Should be a problem of CSS Specificity from other parts of the library.

Edit, solution

Try to put this CSS in a position that is after the CSS library, it should fix the problem.

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