ASP.NET 기초 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : GridView 컨트롤 헤더 가운데 정렬
글번호: 361
작성자: 레드플러스
작성일: 2015/04/30 오전 5:03:00
조회수: 4705

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 정렬입니다.

 

 

 

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 ASP.NET Web Forms 4.5 이상에서 유효성 검사 컨트롤 사용하기 - 레드플러스 2015-08-22 4152
현재글 GridView 컨트롤 헤더 가운데 정렬 - 레드플러스 2015-04-30 4705
다음글 13 인덱스의 유니코드 문자 \uD83D을(를) 지정한 코드 페이지로 변환할 수 없습... - 레드플러스 2015-02-02 4473
 
손님 사용자 Anonymous (손님)
로그인 Home