ASP.NET Web Forms의 GridView 컨트롤은

헤더 관련 CssClass 속성을 사용해서 CSS class를 적용하여 여러가지 모양을 변경할 수 있습니다.

하지만, GridView의 Header 영역의 텍스트를 가운데 정렬하는 기능이

제대로 동작하지 않을 수가 있습니다.

예를들어, GridView가 사용되는 페이지에 부트스트랩과 같은 추가적인 CSS가 적용되었을 때에는

기본 table 태그의 th 헤더 영역이 center 정렬이 아닌 left 정렬로 되어있기 때문입니다.

이러한 환경 등에서 GridView의 헤더를 가운데(center) 정렬하고자한다면,

아래와 같은 코드 패턴을 사용하면 됩니다.

GridView 컨트롤을 div 태그로 묶고 CSS class를 GridViewClass 등으로 줍니다.

<div class="GridViewClass">
    <asp:GridView ... />
</div>

그런 후 해당 페이지에 적용되는 사용자 정의 CSS 파일에

아래와 같이 스타일을 적용하면 됩니다.

.GridViewClass table th {text-align:center;}

GridView 컨트롤은 헤더 영역이 th 태그로 변경됨에 주의하시면 됩니다.

부트스트랩은 기본값으로 th 태그가 left 정렬입니다.