Visualforce dataTable: есть ли способ остановить его от рендеринга атрибута cellpadding?

Question

В Visualforce я использую компонент <apex:dataTable> следующим образом:

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

... а затем я использую CSS для стилизации таблицы через имя класса.Проблема в том, что VisualForce отображает HTML следующим образом:

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

Атрибут class находится там, как я хотел, но там также указаны cellpadding и cellspace, которые мешают моему CSS.

Есть лиспособ остановить Visualforce от отображения атрибутов cellpadding и cellspacing для <apex:dataTable>?

Answer 1

Упомянуто выше, вы пытались удалить атрибуты? Укажите идентификатор

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

тогда

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

Answer 2

Как насчет предоставления собственных значений для них (так же, как в CSS)? Ужасно, но будет работать.

Кроме этого - удаление атрибута / повторное применение класса с помощью JavaScript?

Я не думаю, что даже удаление SalesForce CSS (<apex:page ... showHeader="false">) решит эту задачу.

Answer 3

Похоже, что отказ от тега <apex:dataTable> и использование тега более низкого уровня <apex:repeat> может быть единственным способом сделать это.

Answer 4

Я не знаю, можете ли вы подавить эти атрибуты в Visualforce.

Но если вопрос, который вы действительно задаете, заключается в том, как не допустить, чтобы эти атрибуты влияли на мой общий дизайн, то я думаю, CSS может помочь.

CSS-эквивалент cellpadding - это «заполнение», а CSS-эквивалент cellspacing - «граница». Насколько я знаю, последний работает только с элементами типа TD.

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