2017-01-10 6 views
0

어제 또 다른 비슷한 문제가 게시되었습니다. 여기에 the link이 있습니다.JSF Rich-Column에서 삽입 된 테이블의 배경색을 어떻게 억제 할 수 있습니까?

이제 다른 문제가 발생했습니다. 확장 된 데이터 테이블의 풍부한 칼럼 아래서, 나는 또 다른 2 개의 rich-datables를 추가했다. 헤더 용 테이블 하나, 테이블 데이터 용 테이블 하나. 이 모든 것은 우리의 디자인이 변경되지 않도록하기 위해 수행되었습니다.

이제 문제가 발생하면 첨부 된 이미지를 볼 수 있습니다. [의도 한 페이지 렌더링] [2]. 이것이 내가 필요한 것입니다. 그러나 페이지가로드 될 때 일반적으로 [실제 페이지 렌더링] [3]과 같은 것을 얻습니다.

생성 된 HTML 코드를 살펴본 후 rf-dt 클래스의 background-color 속성 선택을 취소하여 원하는 출력을 얻을 수 있습니다. 아래의 세 번째 이미지를 참조하십시오.

[생성 된 HTML 코드] [4] - rf-dt 클래스의 배경색 속성을 선택 해제하여 본인의 목적을 달성 할 수 있음을 보여줍니다. 나는 실제 코드로 이동하고 작동하지 않는 변경 사항을 넣어하려고 할 때하지만 ... CSS 클래스 shipmentBrowseTable은 외부 확장 - 데이터 테이블의 styleclass입니다

.shipmentBrowseTable .rf-dt { 
    background-color: none; 
} 

에 넣고하려고 - 동일 내부 데이터 테이블에도 사용되는 styleclass.

위 코드는 의도 한 결과를 제공하지 않습니다. 누군가가 이것으로 나를 도울 수 있다면, 좋을 것입니다.

+0

대부분의 스타일을 오버라이드 (override) 할 필요가 있습니다. 그 말은'.rf-dt'는 테이블 전체에 대한 클래스입니다. 행과 헤더는 고유 한 배경색을 가지고 있기 때문에 일반적으로 배경색이 보이지 않습니다. – Makhiel

+0

점수가 충분하지 않아 링크를 3 개 이상 추가하려면 10 점 이상이 필요합니다. 나는 가능한 한 전체 테이블에서 대체 색상을 벗겨서 다른 작업을 시도하고 있으므로 균일하게 보입니다. 가능하면 내 이름에 대한 평판을 둡니다. –

+0

이미지를 하나로 결합 해 보았습니다. 시도 했습니까? 이전 문제에 대한 링크를 제거 할 수도 있습니다. 관련이 없습니다. – Makhiel

답변

0
.shipmentBrowseTable .rf-dt { 
background-color: none !important; 

}

!important 태그가 제대로 이미지를 연결되지했습니다