WebGrid – Formatação de Colunas

Através da propriedade “style” do construtor de colunas do WebGrid, é possível adicionar classes às colunas, permitindo aplicar formatações a cada coluna ( através de CSS ou jQuery ). Segue exemplo:

/* razor */
@grid.GetHtml(
 columns: 
 grid.Columns(
      grid.Column("Name", "Name", canSort: true, style: "name"),     
 grid.Column("Address", "Address", canSort: true, style: "address"
 ) 
));  

/* css */
.name {     
 width: 50px; 
} 

.address {     
 width: 300px; 
}