Continued Table Headers

xportability LLC

Continued Table Headers

http://www.cloudformatter.com

You can implement continued-headers using the "fostyle" attribute. You want to mark the actual header with a special property that omits it from the output, then use the first row to implement the header you want at the start of the table.

For the correct appearance to be in the HTML, you want to not display the <thead> element, using @print media commands to set it to display only on print. The markup for the table below is like this:

<table width="100%" id="customers" fostyle="table-omit-initial-header: true;">
    <thead class="print">
        <tr>
           <th>Company (continued)</th>
           <th>Contact (continued)</th>
           <th>Country (continued)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Company Header</th>
            <th>Contact Header</th>
            <th>Country Header</th>
        </tr>
        <tr>
            <td>Alfreds Futterkiste</td>
            <td>Maria Anders</td>
            <td>Germany</td>
        </tr>
                 ...