Different css for header & body

Jan 28, 2014 at 12:23 PM
Is it possible to define different css for header and body?
Coordinator
Jan 30, 2014 at 2:00 AM
Hi,

Sure:
.grid-table th {
       background: red;
}
.grid-table td {
       background: blue;
}
Jan 30, 2014 at 7:16 AM
Hi,

Thanks but that was not what I was looking for.
See my example below. This way you can define a css class for each header & data column separately
@Html.Grid(Model).Columns(columns =>
      {
        columns.Add(model => model.Type)
          .Titled("Type")
          .Css("vertical-center")
          .HeaderCss("text-center")
          .Sortable(true);
        columns.Add(model => model.Level)
          .Titled(Level)
          .Css("vertical-center")
          .HeaderCss("color-yellow")
          .Sortable(true);
      }).WithPaging(10)
Coordinator
Feb 5, 2014 at 3:07 AM
Hi,

try to use css sleectors like:
.grid-mvc th:nth-child(1) {
          background: #C33F3F;
}