title: asp.net mvc3 webgrid header styles, css
body: <p>I had used a webgrid in a partial view in my project. I had implemented it fine with table style as:</p>
  
  <pre><code>.webgridtablestyle
  {
  width: 100%;
  height: auto;
  
  }
  </code></pre>
  
  <p>It displays fine. Now i want to define the different widths for different headers in webgrid. So i applied it as:</p>
  
  <pre><code>grid.Column("EquipmentManfacturer", header: "Warranty Provider", style:"width:30%")
  </code></pre>
  
  <p>But the width had not applied. I tried by giving table-layout: fixed in table style also.The table layout style had applied but the width style had not applied for header. Can any one please help me how to apply different widths for different headers in webgrid. I need to user only percentage for width of the table as the dashboard in which the webgrid was placed was resizable.</p>