On Tue, Jul 14, 2009 at 2:50 AM, Mariano Martinez Peck <marianopeck@gmail.com> wrote:
Hi people: I have a problem with css but probably it is because I know very little about them and I hate them ahaha.

I have a Pier table with |s   The thing is that I want to put a particular css to those tables (the one I create in a page with |s )   but not to ALL the html tables the Pier render.
If I change in my css table for example, it will affect to all pier tables: when crating a component, when adding, editing, etc...
I can create another css class (tableForMyTables for example), but then I should change Pier code so that it renders tables with my css class instead of the standardone.

Does anyone know how can achieve this? Perhaps adding a div for my tables? but I don't know what do to then haha.


Ok. I had an idea: put all my table in a div with a particular css ID  (using # in css). With this I don't affect all the others table.

But now I see the html rendered for this tables (when using |s ) and it is like this:

<table>
    <tr>
        <td>XXX</td>
        <td>XXX</td>
        </tr>
    <tr>
        <td>XXX</td>
        <td>XXX</td>
    </tr>
</table>
   

And I would like something like this:


 <table id="..."> 
  
     <!-- Table header --> 
  
         <thead> 
             <tr> 
                 <th scope="col" id="...">...</th> 
                 ... 
             </tr> 
         </thead> 
  
     <!-- Table footer --> 
  
         <tfoot> 
             <tr> 
                   <td>...</td> 
             </tr> 
         </tfoot> 
  
     <!-- Table body --> 
  
         <tbody> 
             <tr> 
                 <td>...</td> 
                 ... 
             </tr> 
             ... 
         </tbody> 
  
 </table> 


I tried to see in Pier code where the table of | is rendered, but I didn't find it. I just saw PRTable but there is no renderContentOn: or similar.
Does someone know how can I do to obtain that output ?

Thanks a lot in advance

Mariano


 


Thanks for the help!

Mariano