Patterns

2.6.15

Tables

 Anchor  

tables

Household size and incomes
Family Size Yearly Income Weekly Income
1 $27,816 $535
2 $36,372 $699
3 $44,928 $864
4 $53,484 $1,029
... ... ... 
<table class="table">
  <caption>Household size and incomes</caption>
  <thead>
    <tr>
      <td>
        <strong>Family Size</strong>
      </td>
      <td class="text-end">
        <strong>Yearly Income</strong>
      </td>
      <td class="text-end">
        <strong>Weekly Income</strong>
      </td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td class="text-end">$27,816</td>
      <td class="text-end">$535</td>
    </tr>
    <tr>
      <td>2</td>
      <td class="text-end">$36,372</td>
      <td class="text-end">$699</td>
    </tr>
    <tr>
      <td>3</td>
      <td class="text-end">$44,928</td>
      <td class="text-end">$864</td>
    </tr>
    <tr>
      <td>4</td>
      <td class="text-end">$53,484</td>
      <td class="text-end">$1,029</td>
    </tr>
    <tr>
      <td>...</td>
      <td class="text-end">...</td>
      <td class="text-end">...</td>
    </tr>
  </tbody>
</table>
 Anchor  

bordered tables

Household size and incomes
Family Size Yearly Income Weekly Income
1 $27,816 $535
2 $36,372 $699
3 $44,928 $864
4 $53,484 $1,029
... ... ... 
<table class="table table-bordered">
  <caption>Household size and incomes</caption>
  <thead>
    <tr>
      <td>
        <strong>Family Size</strong>
      </td>
      <td class="text-end">
        <strong>Yearly Income</strong>
      </td>
      <td class="text-end">
        <strong>Weekly Income</strong>
      </td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td class="text-end">$27,816</td>
      <td class="text-end">$535</td>
    </tr>
    <tr>
      <td>2</td>
      <td class="text-end">$36,372</td>
      <td class="text-end">$699</td>
    </tr>
    <tr>
      <td>3</td>
      <td class="text-end">$44,928</td>
      <td class="text-end">$864</td>
    </tr>
    <tr>
      <td>4</td>
      <td class="text-end">$53,484</td>
      <td class="text-end">$1,029</td>
    </tr>
    <tr>
      <td>...</td>
      <td class="text-end">...</td>
      <td class="text-end">...</td>
    </tr>
  </tbody>
</table>
 Anchor  

caption bottom tables

Household size and incomes
Family Size Yearly Income Weekly Income
1 $27,816 $535
2 $36,372 $699
3 $44,928 $864
4 $53,484 $1,029
... ... ... 
<table class="table caption-side-bottom">
  <caption>Household size and incomes</caption>
  <thead>
    <tr>
      <td>
        <strong>Family Size</strong>
      </td>
      <td class="text-end">
        <strong>Yearly Income</strong>
      </td>
      <td class="text-end">
        <strong>Weekly Income</strong>
      </td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td class="text-end">$27,816</td>
      <td class="text-end">$535</td>
    </tr>
    <tr>
      <td>2</td>
      <td class="text-end">$36,372</td>
      <td class="text-end">$699</td>
    </tr>
    <tr>
      <td>3</td>
      <td class="text-end">$44,928</td>
      <td class="text-end">$864</td>
    </tr>
    <tr>
      <td>4</td>
      <td class="text-end">$53,484</td>
      <td class="text-end">$1,029</td>
    </tr>
    <tr>
      <td>...</td>
      <td class="text-end">...</td>
      <td class="text-end">...</td>
    </tr>
  </tbody>
</table>