DITA: Tables

To insert a table, either click the Table button in the Author view and select your options, or in the Text view, type t, wait for the "table" prompt, and then press Enter. In the cols="" field, type the number of columns you want. Put your cursor right after tgroup element and type < and select thead at the prompt, then press Enter.

The table code looks like this:

 <table>
  <title>Table title</title>
  <tgroup cols="2">
   <thead>
    <row>
     <entry>Button</entry>
     <entry>Description</entry>
    </row>
   </thead>
   <tbody>
    <row>
     <entry>Print</entry>
     <entry>Prints the document.</entry>
    </row>

    <row>
     <entry>Open</entry>
     <entry>Opens the file.</entry>
    </row>
   </tbody>
  </tgroup>
 </table>

The title ends up being set as the caption on the top of the table. You can actually set the column widths using the table properties. Switch to the Author mode to view your table. Grab the middle column divider and drag it a bit. You'll be prompted whether you want proportional or fixed columns. Choose proportional, since it will render better on different devices. Now drag the middle column divider to the width appropriate for your content.

Once you set the column widths, switch back to the text view to see the values assigned to the colspec element that was added to your table.

<tgroup cols="2">
    <colspec colnum="1" colname="c1" colwidth="1*"/>
    <colspec colnum="2" colname="c2" colwidth="2*"/>

Here, the first second column will be twice as wide as the first column.