title: how to style kendo grid mvc using CSS
body: <p>This is what I have for the grid</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;OPAMvc.Models.Parts&gt;()
                          .Name("grd")
                          .Columns(columns =&gt;
                          {
                              columns.Bound(o =&gt; o.Id).Title("Id No").Width(80).HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                              columns.Bound(o =&gt; o.Desc).Title("Description").Width(200).HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                              columns.Bound(o =&gt; o.Price).Title("Price").Width(50).Format("{0:c}").HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                              columns.Bound(o =&gt; o.Name).Title("Name").Width(20).HeaderHtmlAttributes(new { style = "font-size: 8pt; font-weight: bold;" }).HtmlAttributes(new { style = "line-height: 1em;font-size: 7pt;" });
                          })
  </code></pre>
  
  <p>I would like to know if there is a better way to style the header using CSS.  Thanks.</p>