title: How to set data-id to webgrid column?
body: <p>I am using webgrid to show some data.I want to assign class, data-id, data-propertyname attributes to 'td' element when the code converts to html in browser.</p>
  
  <pre><code>    @grid.GetHtml(
          tableStyle: "webgrid-table",
          headerStyle: "webgrid-header",
          footerStyle: "webgrid-footer",
          alternatingRowStyle: "webgrid-alternating-row",
          selectedRowStyle: "webgrid-selected-row",
          rowStyle: "webgrid-row-style",
          mode: WebGridPagerModes.All,
          firstText: "first",
          previousText: "previous",
          nextText: "next",
          lastText: "last",
          emptyRowCellValue: "",
          numericLinksCount: 10,
          columns:grid.Columns(
              grid.Column(null,null,format:@&lt;text&gt;&lt;input value="@item.Id" type="checkbox" id="id" name="id" /&gt;&lt;/text&gt;),
              grid.Column("Id", header: "S.No. ↕", format:@&lt;text&gt;@item.Id&lt;/text&gt;),
              grid.Column("Tower", header: "Tower ↕", format:@&lt;text&gt;&lt;div class="editSelect" data-id="@item.Id" data-propertyname="Tower"&gt;@item.Tower&lt;/div&gt;&lt;/text&gt;),
      //rest of the columns
  
  
      //Currently the code converts like this in the browser:
      &lt;td&gt;&lt;div class="editSelect" data-id="@item.Id" data-propertyname="Tower"&gt;Tower 1&lt;/div&gt;&lt;/td&gt;
      //But I want it to be like :
      &lt;td class="editSelect" data-id="@item.Id" data-propertyname="Tower"&gt;Tower 1&lt;/td&gt;
  </code></pre>