Re: [Trinidad] How to skin tr:table

[Chris Hane]

Here is the HTML that is generated (edited for readability?):

<div id="tbl_paymethod">
<table cellspacing="0" cellpadding="0" border="0" summary="">
<tbody>
   <tr>
      <td>
         <table width="100%" cellspacing="0" cellpadding="1" border="0"
                             class="af_table_content">
            <tbody>
             <tr>
               <th class="af_column_header-text OraTableBorder0001"
                   scope="col">Card Name
               </th>
             </tr>
             <tr>
                <td>VANNA WHITE</td>
             </tr>
           </tbody>
         </table>
      </td>
   </tr>
</tbody>
</table>
</div>


I noticed that two tables are created.  The inner one contains that correct 
skin: af_table_content.  It is the outer one that I need to set the "width: 
100%" on.

Is this possible?

I can't seem to figure out which component is generating the second, outer 
table.

Thanks,
Chris....

Chris Hane wrote:
Is it possible to skin tr:table?

When a tr:table is rendered, should it add the 
class="af_table_content"?  I expected that class to be added to the 
component - but it is not added.

I am trying to add "width: 100%" to some tables (and not others).

Thoughts?

I am using trinidad 1.0.0.

I have the following snippet:

<tr:panelGroupLayout layout="vertical">
   <tr:panelHorizontalLayout>
      <f:facet name="separator"><tr:spacer width="8px"/></f:facet>
      <tr:panelHeader text="Credit Cards"/>
      <tr:panelButtonBar>
         <tr:commandLink action="#{editor.new}" value="Add">
      </tr:panelButtonBar>
   </tr:panelHorizontalLayout>
   <tr:table var="pm"
             value="#{cards}"
             id="tbl_paymethod">
      <tr:column headerText="Card Name">
         <tr:outputText value="#{pm.name}"/>
      </tr:column>
   </tr:table>
</tr:panelGroupLayout>

Chris....