Question

In Visualforce, I’m using an <apex:dataTable> component as follows:

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

… and then I’m using CSS to style the table, via the class name. Trouble is, VisualForce renders HTML like this:

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

The class attribute is there as I wanted, but there’s also cellpadding and cellspacing specified, that interfere with my CSS.

Is there a way to stop Visualforce from rendering the cellpadding and cellspacing attributes for an <apex:dataTable>?

Answer 1

It looks like abandoning the <apex:dataTable> tag and using the more low-fi <apex:repeat> tag might be the only way to do this.