title: Using css in Razor Grid output
body: <p>I'm using the grid output of razor, and i want to give the output of one column a different colour, if it satisfies the condition.</p>
  
  <p>When the column Snapshot Size is greater than 10000 and less than 20000 the css class "Warning" should be used, when the return value is greater than 20000 the class "critical" should be used, otherwise the "normal" class should be used. if anyone can help me, I am very grateful for. hopefully I can do this myself next month when I followed the training</p>
  
  <p>the css code</p>
  
  <pre><code>.normal {
      font-size:13px;
      border-width: 1px;
      padding: 1px;
      border-style: solid;
      border-color: #729ea5;
      background:#edfafa;
  }
  
      .warning {
      font-weight: bold;
      border-width: 1px;
      border-color: #729ea5;
      color: #E08B1B;
      background:#edfafa;
  
      }
      .critical {
      font-weight: bold;
      border-width: 1px;
      border-color: #729ea5;
      color:red;
      background:#edfafa;
      }
  </code></pre>
  
  <p>Razor code </p>
  
  <pre><code> @grid.GetHtml(
  tableStyle: "grid",
  headerStyle: "head",
  alternatingRowStyle: "alt",
      columns: grid.Columns(
      grid.Column("SystemName"),
      grid.Column("ServerDescription"),        
      grid.Column("SnapShotName"),
      grid.Column("SnapshotDescription"),       
      grid.Column(header: "SnapshotSize: MB", format: 
      @&lt;text&gt;
      @if(SnapshotSize &gt; 10000  &amp;&amp; SnapshotSize &lt; 20000 )
      {
         &lt;label class="warning"&gt;@item.SnapshotSize &lt;/label&gt;
      }
     else if(SnapshotSize &gt; 20000 )
      {
         &lt;label class="Critical"&gt;@item.SnapshotSize &lt;/label&gt;
      }
     else 
      {
         &lt;label class="normal "&gt;@item.SnapshotSize &lt;/label&gt;
      }
      &lt;/text&gt;, style: "casestatus"),                 
      grid.Column("DatastoreFreeSpace","LUN free: GB"),
      grid.Column("Creator"),
      grid.Column("Vcenter")
  )        
  
  )
  </code></pre>
  
  <p>If i run the the above code, i get the following error on line 82.</p>
  
  <p>Compiler Error Message: CS1502: The best overloaded method match for 'System.Web.Helpers.WebGrid.Column(string, string, System.Func, string, bool)' has some invalid arguments</p>
  
  <p>Source Error:</p>
  
  <pre><code>Line 80:         grid.Column("SnapShotName"),
  Line 81:         grid.Column("SnapshotDescription"),       
  Line 82:         grid.Column(header: "SnapshotSize: MB", format: 
  Line 83:         @&lt;text&gt;
  Line 84:         @if(SnapshotSize &gt; 10000  &amp;&amp; SnapshotSize &lt; 20000 )
  </code></pre>