Visualforce dataTable : 셀 패딩 속성을 렌더링하지 못하게 할 방법이 있습니까? 다음과 같이없이 ​​VisualForce에서

Question

는, 나는 <apex:dataTable> 구성 요소를 사용하고 있습니다 :

<apex:dataTable value="{!Qualifications}" var="qual" styleClass="cv_table" > 
    <!-- etc... --> 

을 ... 그리고 나는 클래스 이름을 통해 테이블 ​​스타일을 CSS를 사용하고 있습니다.

<table class="cv_table" id="j_id0:j_id26" border="0" cellpadding="0" cellspacing="0"> 
    <!-- etc... --> 

클래스 속성은 내가 원하는대로가 아니라의 cellpadding 내 CSS를 방해 cellspacing 지정되어있다 : 문제는없이 VisualForce는 다음과 같이 HTML 렌더링입니다.

Visualforce가 <apex:dataTable>의 cellpadding 및 cellspacing 속성 렌더링을 중단하는 방법이 있습니까?

Answer 1

IT는 <apex:dataTable> 태그를 포기하고이 작업을 수행 할 수있는 유일한 방법이 될 수있는 더 낮은-Fi를 <apex:repeat> 태그를 사용하는 것 같습니다.

Answer 2

CSS에 대해 고유 한 값을 제공하는 것은 어떻습니까? 추악하지만 일할 것입니다.

그 외 - 속성 제거/자바 스크립트로 클래스 재 적용?

SalesForce CSS (<apex:page ... showHeader="false">)를 제거해도이 작업을 수행 할 수 있다고 생각하지 않습니다.

Answer 3

Visualforce에서 이러한 속성을 억제 할 수 있는지 모르겠습니다.

하지만 실제로 묻는 질문은 이러한 속성이 내 전반적인 디자인에 어떤 영향을 미치지 않는지 궁금하다면 CSS가 도움이 될 것이라고 생각합니다.

cellpadding에 해당하는 CSS는 '패딩'이며 cellspacing에 해당하는 CSS는 'border-spacing'입니다. 후자는 내가 아는 한 TD 유형의 요소에서만 작동합니다.

.cv_table TD { 
    border-spacing: 5px; 
    padding: 5px; 
} 

Answer 4

위에서 언급 한 것처럼 속성 제거를 시도해 보셨습니까? 아이디

<apex:dataTable id="myTable" value="{!Qualifications}"... 

를 지정 후

<script type="text/javascript"> 
    document.getElementById("myTable").removeAttribute("cellpadding"); 
    document.getElementById("myTable").removeAttribute("cellspacing") 
</script>