HTML Standard: <table>, <tr>, <td>, <th> tags

HTML Standard

HTML Extended

<table>, <tr>, <td>, <th> tags

Inserts a table.

Attributes <table>

Attribute	Description
align	Table alignment: center, left, right.
border	A line border for the table.
cellspacing	Cell spacing.
class	One or more classes. This attribute used with the wordStyles option allows applying a custom table style.
dir	Direction style: ltr, rtl.
id	Id.
style	Inline styles. Styles can also be applied using style tags.

Attributes <tr>

Attribute	Description
class	One or more classes.
id	Id.
style	Inline styles. Styles can also be applied using style tags.

Attributes <td>, <th>

Attribute	Description
class	One or more classes.
colspan	Number of columns for a cell to span.
dir	Direction style: ltr, rtl, lrTb, tbRl, btLr, lrTbV, tbRlV, tbLrV.
id	Id.
rowspan	Number of rows for a cell to span.
style	Inline styles. Styles can also be applied using style tags.

Styles <table>

Style	Description
background-color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored)
border, border-top, border-right, border-bottom, border-left	border-color: hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored) border-style: dashed dotted double groove inset none outset ridge solid border-width: medium thick thin length: cm, in, mm, pt, pc, px
border-collapse	collapse
border-spacing	length: em, pt, px
direction	ltr rtl
display	none
float	left right Use with parseFloats option.
margin-left	length: em, pt, px percentage
padding-right, padding-left	length: em, pt, px
table-layout	auto fixed
width	length: em, pt, px percentage

Styles <tr>

Style	Description
background-color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored)
border, border-top, border-right, border-bottom, border-left	border-color: hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored) border-style: dashed dotted double groove inset none outset ridge solid border-width: medium thick thin length: cm, in, mm, pt, pc, px
display	table-header-group (to be used only in the first tr)
height	length: em, pt, px
page-break-inside	avoid

Styles <td>, <th>

Style	Description
background-color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored)
border, border-top, border-right, border-bottom, border-left	border-color: hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored) border-style: dashed dotted double groove inset none outset ridge solid border-width: medium thick thin length: cm, in, mm, pt, pc, px
direction	ltr rtl lrTb tbRl btLr lrTbV tbRlV tbLrV
margin, margin-top, margin-right, margin-bottom, margin-left	length: em, pt, px percentage
padding, padding-top, padding-right, padding-bottom, padding-left	length: em, pt, px percentage
vertical-align	baseline bottom middle sub super text-bottom text-top top
width	length: em, pt, px percentage

Custom MS Word styles

Using createTableStyle and HTML, custom table styles can be applied to use more styles.

HTML Extended (Premium licenses)

Attribute	Description
data-tblpr	Applies a custom tblPr style.
data-trpr	Applies a custom trPr style.
data-tcpr	Applies a custom tcPr style.

Code samples

Example #1

<style>
    #mystyle tr:first-of-type {
        background-color: rgba(157, 203, 233, 0.6);
    }
</style>
<table id="mystyle" align="left" width="600" border="1">
    <tr>
        <th width="300">Month</th>
        <th width="300">Savings</th>
    </tr>
    <tr>
        <td>January</td>
        <td>$100</td>
    </tr>
    <tr>
        <td>February</td>
        <td>$80</td>
    </tr>
</table>

The resulting Word document looks like:

Example #2

<style>
    #mystyle {
        border-collapse: collapse;
    }
    #mystyle tr:first-of-type {
        background-color: rgb(157, 203, 233);
    }
    tr.customborder td {
        border: 2px solid black;
        margin: 20px;
    }
    .total {
        text-align: right;
        font-weight: bold;
        margin-top: 2px;
    }
</style>
<table id="mystyle" align="center" width="400">
    <tr>
        <th width="200">Month</th>
        <th width="200">Savings</th>
    </tr>
    <tr class="customborder">
        <td>January</td>
        <td>$100</td>
    </tr>
    <tr class="customborder">
        <td>February</td>
        <td>$80</td>
    </tr>
    <tr>
        <td colspan="2">
            <p class="total">Total: $180</p>
        </td>
    </tr>
</table>

The resulting Word document looks like: