title: Setting column width in angular ui grid
body: <p>I'm using angular ui-grid and have a long grid with almost 30 columns, I want to set fixed width for columns so that at least column header can be seen easily. Is there a way to set, say 10% width for all the columns, or I have to do it for each column one by one.</p>
  
  <p><a href="https://i.stack.imgur.com/sIIxm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sIIxm.png" alt="ui-grid"></a></p>
  
  <p>After setting the min-width on ui-grid-header-cell many columns got combined into one</p>
  
  <pre><code>.ui-grid-header-cell {
      min-width: 150px !important;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/CSMRK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CSMRK.png" alt="After setting min-width property"></a></p>