title: How to change text alignment of individual header cells of ui-grid?
body: <p><a href="https://i.stack.imgur.com/FOCVq.png" rel="nofollow noreferrer">ui-grid example</a></p>
  
  <p>Currently my grid is as shown in the image.I want to change text-alignment of first header cell to left and second header cell to center. Is there any way to do this?</p>
  
  <p>Plunker: <a href="http://embed.plnkr.co/1sd3QAa6V7OhrGu5ityu" rel="nofollow noreferrer">http://embed.plnkr.co/1sd3QAa6V7OhrGu5ityu</a></p>