7 de abr. de 2012

[Parte 4] Capítulo 6: Como formatar o WebGrid como um todo


Além de especificar como as colunas individuais devem ser exibidas você pode formatar o Grid inteiro. Para fazer isso, é necessário definir as classes CSS que especificam como a tabela será ao ser renderizada (além de estilos definidos para colunas individualmente).

1 - No site, crie uma nova página chamada FormatarTabelaWebGrid.cshtml.
2 - Substitua o código existente pelo código a seguir:

Esse código se baseia no exemplo anterior, mostrando como criar novas classes de estilo. O método grid.GetHtml em seguida atribui esses estilos para vários elementos utilizando TableStyle, HeaderStyle, e os parâmetros AlternatingRowStyle.

3 - Execute a página no navegador. Dessa vez, o grid é exibido utilizando diferentes estilos que se aplicam à tabela como um todo, como por exemplo, cores diferentes em linhas alternadas.

Nenhum comentário:

Postar um comentário

Sua crítica, sugestão ou comentário será muito bem vindo!