Table with vertical headers

Hi David,

To create a header column, you'll want to use the header column specifier.

Using your example, the syntax would look like this:

[cols="h,1,1,1"]
|===
|Header  |data |data |data 

|Header  |data |data |data 

|Header  |data |data |data 
|===

The table has four columns, and the `h` indicates that the first column of the table should use the header style. 

You can find more information about column specifier styles towards the end of the column specifiers section here: http://asciidoctor.org/docs/user-manual/#column-specifiers

If this wasn't what you were trying to do, let me know.

Cheers,

Sarah

---

If you reply to this email, your message will be added to the discussion below:

http://discuss.asciidoctor.org/Table-with-vertical-headers-tp853p854.html

To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML

Hi Sarah,

Thanks for showing me the h modifier for the column. I totally missed it. However, it adds the class="header" (in the wrong place) instead of actually modifying the html with the

element. .What actually gets rendered ≶table class="tableblock frame-all grid-all" style="width:100%; ">   ≶colgroup>     ≶col style="width:25%;">     ≶col style="width:25%;">·     ≶col style="width:25%;">·     ≶col style="width:25%;">·   ≶/colgroup>   ≶tbody>     ≶tr>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock header">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>     ≶/tr>     ≶tr>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock header">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>     ≶/tr>     ≶tr>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock header">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>     ≶/tr>   ≶/tbody> ≶/table> .Where the class header should be ≶table class="tableblock frame-all grid-all" style="width:100%; ">   ≶colgroup>     ≶col style="width:25%;">     ≶col style="width:25%;">·     ≶col style="width:25%;">·     ≶col style="width:25%;">·   ≶/colgroup>   ≶tbody>     ≶tr>       ≶td class="tableblock halign-left valign-top header">≶p class="tableblock">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td> ... .What I would really like to see ≶table class="tableblock frame-all grid-all" style="width:100%; ">   ≶colgroup>     ≶col style="width:25%;">     ≶col style="width:25%;">·     ≶col style="width:25%;">·     ≶col style="width:25%;">·   ≶/colgroup>   ≶tbody>     ≶tr>       ≶th class="tableblock halign-left valign-top">≶p class="tableblock">Header≶/p>≶/th>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td> ... I am using Asciidoctor 0.1.4 [http://asciidoctor.org] Can you reproduce? Should I create a issue on github? --David If you reply to this email, your message will be added to the discussion below: http://discuss.asciidoctor.org/Table-with-vertical-headers-tp853p865.html To start a new topic under Asciidoctor :: Discussion, email [hidden email] To unsubscribe from Asciidoctor :: Discussion, click here. NAML

Hi David,

Yes, this is the same raw HTML I get. And, wow, it's...ackward.

Techinically, the HTML output we're getting is the expected output because it matches the python AsciiDoc processor's output.

However, I agree with you, and I'd also really like Asciidoctor to output the correct/modern `<th class>` tag.

This upgrade will also enable AsciiDoc tables to display correctly on Github.

So, when you get a chance, please do create an issue on GitHub.

Cheers,

Sarah

On Thu, Oct 24, 2013 at 9:35 AM, davidgamba [via Asciidoctor :: Discussion] <[hidden email]> wrote:

Hi Sarah,

Thanks for showing me the h modifier for the column. I totally missed it. However, it adds the class="header" (in the wrong place) instead of actually modifying the html with the

element. .What actually gets rendered ≶table class="tableblock frame-all grid-all" style="width:100%; ">   ≶colgroup>     ≶col style="width:25%;">     ≶col style="width:25%;">·     ≶col style="width:25%;">·     ≶col style="width:25%;">·   ≶/colgroup>   ≶tbody>     ≶tr>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock header">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>     ≶/tr>     ≶tr>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock header">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>     ≶/tr>     ≶tr>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock header">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td>     ≶/tr>   ≶/tbody> ≶/table> .Where the class header should be ≶table class="tableblock frame-all grid-all" style="width:100%; ">   ≶colgroup>     ≶col style="width:25%;">     ≶col style="width:25%;">·     ≶col style="width:25%;">·     ≶col style="width:25%;">·   ≶/colgroup>   ≶tbody>     ≶tr>       ≶td class="tableblock halign-left valign-top header">≶p class="tableblock">Header≶/p>≶/td>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td> ... .What I would really like to see ≶table class="tableblock frame-all grid-all" style="width:100%; ">   ≶colgroup>     ≶col style="width:25%;">     ≶col style="width:25%;">·     ≶col style="width:25%;">·     ≶col style="width:25%;">·   ≶/colgroup>   ≶tbody>     ≶tr>       ≶th class="tableblock halign-left valign-top">≶p class="tableblock">Header≶/p>≶/th>       ≶td class="tableblock halign-left valign-top">≶p class="tableblock">data≶/p>≶/td> ... I am using Asciidoctor 0.1.4 [http://asciidoctor.org] Can you reproduce? Should I create a issue on github? --David If you reply to this email, your message will be added to the discussion below: http://discuss.asciidoctor.org/Table-with-vertical-headers-tp853p865.html To start a new topic under Asciidoctor :: Discussion, email [hidden email] To unsubscribe from Asciidoctor :: Discussion, click here. NAML

... [show rest of quote]