title: Vuetify - wrap header text on v-data-table
body: <p>I am trying hard to get the header text wrapped on a v-data-table component. I tried applying a style to the component - any style that I apply to the tbody elements within the table are being applied. However, I could not get any custom style working for the header (thead element). Please help.</p>
  
  <p>For example, if I have a header such this, how do I wrap it?</p>
  
  <p>{ text: <code>Calories - Very Long Column Name Here which needs to be wrapped to the next line</code>, value: 'calories' , align: 'center',}</p>
  
  <p>Please see this <a href="https://codepen.io/vilaspd/pen/GxXBVG" rel="noreferrer">code pen link</a> </p>
  
  <p>Thanks,
  Vilas</p>