Re: [Orgmode] Re: Aligning Columns in HTML Export Tables

[Carsten Dominik]

On Oct 22, 2010, at 9:37 PM, Sebastian Rose wrote:

> Carsten Dominik <address@hidden> writes:
> > On Oct 22, 2010, at 3:59 PM, Sebastian Rose wrote:
> >
> > > Carsten Dominik <address@hidden> writes:
> > > > Hi Sebastian,
> > > >
> > > > my guess would be that you have customized the td and th tags?   
> > > > If yes,
> > > > please
> > > > reset the customization, you need the new default values  (which  
> > > > you then can
> > > > still modify).
> > > >
> > > > Please check the variables org-export-table-header-tags and
> > > > org-export-table-data-tags.
> > >
> > >
> > > I've checked them, but they are not customized:
> > >
> > >   Hide Org Export Table Data Tags:
> > >        Opening tag: <td%s>
> > >        Closing tag: </td>
> > >             State : STANDARD.
> >
> > This does look right.
> >
> > >   Hide Org Export Table Header Tags:
> > >        Opening tag: <th scope="%s">
> > >        Closing tag: </th>
> > >             State : STANDARD.
> >
> > This does not look right, it should be
> >
> >        Opening tag: <th scope="%s"%s>
> >        Closing tag: </th>
> >
> >
> > > The export of the OPs table works as expected.  But the table I've  
> > > sent
> > > is different in that it just uses empty `<>' marks for grouping and
> > > creating lines.
> >
> > While I do not think it is particularly nice that you
> > try to fool the parser in this way :-/
> > it actually behaves quite well :-D
> >
> > Here is what I get when I export this table:
> >
> > -------------------------------------------------------------------------------------------
> > <table border="2" cellspacing="0" cellpadding="6" rules="groups"  
> > frame="hsides">
> > <caption></caption>
> > <colgroup><col align="right" /></colgroup><colgroup><col  
> > align="left" /
> > > </colgroup><colgroup><col align="left" /></colgroup>
> > <thead>
> > <tr><th scope="col" style="text-align:right">A</th><th scope="col"
> > style="text-align:left">B</th><th scope="col" style="text-
> > align:left">C</th></tr>
> > </thead>
> > <tbody>
> > <tr><td style="text-align:right">1</td><td style="text-
> > align:left">bar</td><td style="text-align:left">text</td></tr>
> > <tr><td style="text-align:right">12</td><td style="text-
> > align:left">test</td><td style="text-align:left">300</td></tr>
> > <tr><td style="text-align:right">9</td><td style="text-
> > align:left">foo</td><td style="text-align:left">4</td></tr>
> > </tbody>
> > </table>
> > -------------------------------------------------------------------------------------------
> >
> >
> > The left/right comes from the analysis of the number of numbers
> > in each column...
> >
> > So I must assume that maybe some of your files did not
> > update correctly or you have some old compiled files... ?
> >
> > - Carsten
>
> Hi Carsten,
>
>
> one more, sorry.
>
>
> How about this (line-wrapped for readability):
>
>
> <tr>
>  <td class="right">1</td>
>  <td class="left">bar</td>
>  <td class="left">text</td>
> <tr>
>
> instead of
>
> <tr>
>  <td style="text-align:right">1</td>
>  <td style="text-align:left">bar</td>
>  <td style="text-align:left">text</td>
> <tr>
>
> ??
>
>
> Combined with the ways to add IDs and classes to tables, we could  
> then style the
> columns better.
>
> I would like to set this for right aligned <td> tags as default:
>
>   td.right { font-family:monospace;text-align:right; }

OK, fair enough.  But I don't think I will make the monospace
the Org default, it looks a bit odd.  BUt of cause you can change
this.

I have now in the default style:

  td, th { vertical-align: top;  }
  th.right  { text-align:right;  }
  th.left   { text-align:left;   }
  th.center { text-align:center; }
  td.right  { text-align:right;  }
  td.left   { text-align:left;   }
  td.center { text-align:center; }

Is there a way to write this more compactly?

- Carsten