Vuetify Word-Wrap table headers

Tags: Vuetify

You need to set white-space as well https://codepen.io/anon/pen/XLZGEW

Also Word-wrap in an HTML table

headers: [
        {
          text: 'Dessert (100g serving)',
          align: 'left',
          sortable: false,
          value: 'name',
          class: "word-wrap-example"          
        },

...

table thead th.word-wrap-example {
  word-wrap: break-word;
  white-space: normal; 
}

Source:

You need to set white-space as well

No Comments

Add a Comment