One of significant enhancements in WebGrid is extensive styles merging mechanism allowing many combinations of styles to be displayed correctly, such as both style definition and CssClass are taken affect, while only one of them is taken affect in previous version. Other enhancements including:
- Improved object's style cascading and inheritance, in conjunction with automatic style merging.
- New attributes added to WebGridFormatStyle object enabling richer and detailed object model, such as BackColor2, GradientType and BorderSettings.
In WebGrid, all styles are automatically merged without any extra works! Example for cell appearance itself, there are 12 levels of styles inheritance in this new version, from Cell's style level, Cell's CssClass then Column's style, Column's CssClas then LayoutSetting's RowStyle and its CssClass. Multiples above with AlternatingRowStyle. And we haven't mentioned how it can combined with SortedColumnStyle, CheckedRowStyle, FormatConditions and more... Conclusively, there are about more than 48 combinations for only cell appearance customization.
Yet, grid's output html is still compact and even more compact than previous version and other grids, as we used advanced class optimizing technique, and NOT embedding styles inline or generate each style for each cell which increase output size to 200%.
For tutorial about Automatic Style merging, please open WebGrid Tutorials Solution file and open AutoStyleMerging.aspx
See Also
Getting Started
Getting Started
Overview
WebGrid Features Overview
Other Resources
Walkthrough Topics
How-to Topics