Specialized Table Designs

Code Snippet Library

 

ANOVA Table

Table Caption
Source DF Adj SS Adj MS F-Value P-Value
Factor
Error
Total

 

Code: ANOVA Table 
<table style="width: 90%; border-collapse: collapse; border-style: solid; text-align: center;" border="1" cellspacing="1" cellpadding="2">
    <caption>Table Caption</caption>
    <thead>
        <tr>
            <th style="text-align: left;" scope="col">Source</th>
            <th scope="col">DF</th>
            <th scope="col">Adj SS</th>
            <th scope="col">Adj MS</th>
            <th scope="col">F-Value</th>
            <th scope="col">P-Value</th>
        </tr>
       </thead>
       <tbody>
        <tr>
            <th style="text-align: left;" scope="row">Factor</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <th style="text-align: left;" scope="row">Error</th>
            <td></td>
            <td></td>
            <td></td>
            <td style="background-color: #e5e5e5;"></td>
            <td style="background-color: #e5e5e5;"></td>
        </tr>
        <tr>
            <th style="text-align: left;" scope="row">Total</th>
            <td></td>
            <td></td>
            <td style="background-color: #e5e5e5;"></td>
            <td style="background-color: #e5e5e5;"></td>
            <td style="background-color: #e5e5e5;"></td>
        </tr>
    </tbody>
</table>

 

 

Course Schedule Table

Table Caption
Items Description
Item 1

Text related to Item 1.
Item 2

Text related to Item 2.
Item 3

Text related to Item 3.

 

Code: Course Schedule Table 
<table style="width: 100%;" border="1" cellspacing="0" cellpadding="6"><caption>Table Caption</caption>
<thead>
<tr style="background-color: #ECEDEE;">
<th style="text-align: center;" scope="col">Items</th>
<th style="text-align: center;"scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">Item 1</td>
<td>
<p>Text related to Item 1.</p>
</td>
</tr>
<tr>
<td style="text-align: center;">Item 2</td>
<td>
<p>Text related to Item 2.</p>
</td>
</tr>
<tr>
<td style="text-align: center;">Item 3</td>
<td>
<p>Text related to Item 3.</p>
</td>
</tr>
</tbody>
</table>