2012-06-26 2 views
2
나는 datatable.I의 특정 컬럼에 대한 배경색을 설정하는 방법을 알고 싶습니다

가 CSS 코드 아래에 시도 DataTable을변경 배경 색상 :

.mystyle.ui-datatable .ui-datatable-data td, .mystyle.ui-datatable .ui-datatable-data td{ 
background-color:#B5D3A5; 
} 

하지만 위의 데이터 테이블의 모든 열에 대한 배경색을 변경하려면 것 같습니다. 데이터 테이블의 특정 열에 대한 배경색을 변경하는 방법을 알려주십시오. 덕분에 사전

답변

3

에이에 대한 p:columnstylestyleClass 속성을 사용할 수 있습니다

<p:column style="background-color: red" ...> 

이 테이블 셀 머리글 셀 색상 화됩니다.

당신이 머리글 셀을 변경하지 않으려면 당신이 할 수있는 다음 :

열에게 styleClass 속성 보내기

<p:column styleClass="foo" ...> 

을 다음 CSS/HTML에 다음과 같은 스타일 정의를 추가 :

td.foo { 
    background-color: red; 
} 
+0

안녕하세요, Matt, 답변 해 주셔서 감사합니다. 나는 이미 위를 시도했지만, 그것은 열의 머리글에 대한 배경색도 변경한다. 머리글의 스타일을 변경하고 싶지 않습니다. 열 값의 배경색 만 변경해야합니다. 열 값만 배경색을 변경하려면 수행해야 할 작업을 알려주십시오. – vr3w3c9

+0

네, 질문에 분명하지 않았습니다. 내 대답이 업데이트되었습니다. –

+0

감사합니다. Matt. 그게 효과가있어 :) – vr3w3c9

1
페이지의

사용 headerClass 속성 : 헤더 스타일과 스타일 = 같은 requierd 컬럼 인라인 스타일을 사용하기위한 데이터 테이블 "센터, 배경 색 : 텍스트 정렬 빨간색"