CODEWITHSUNDEEP
javascriptcsselement-ui
Ross Coundon
Ross Coundon

Reputation: 917

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

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?

Upvotes: 3

Views: 6187

Answers (1)

user3579536
user3579536

Reputation:

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

Upvotes: 11

Related Questions