JavaScriptShadow

The <HeaderStyle> node in a GridView, only applies to the <tr> element that the framework renders.

To modify the styling of the <th> elements, use a CSS class:

.gridview-header > th  { /* css attributes here... */ }

Then apply this class to the HeaderStyle, CssClass attribute:

<HeaderStyle CssClass="gridview-header" />