Re: Re: Aligning Columns in HTML Export Tables

[Carsten Dominik <carsten.dominik@gmail.com>]

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

> Carsten Dominik <carsten.dominik@gmail.com> writes:
>> On Oct 22, 2010, at 3:59 PM, Sebastian Rose wrote:
>>
>>> Carsten Dominik <carsten.dominik@gmail.com> 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