Tables

Data tables with proper structure and styling.

Basic Table

Name	Role	Status
Alice Johnson	Developer	Active
Bob Smith	Designer	Active
Carol White	Manager	Away

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Role</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice Johnson</td>
      <td>Developer</td>
      <td>Active</td>
    </tr>
    <tr>
      <td>Bob Smith</td>
      <td>Designer</td>
      <td>Active</td>
    </tr>
    <tr>
      <td>Carol White</td>
      <td>Manager</td>
      <td>Away</td>
    </tr>
  </tbody>
</table>

With Caption

Team Members
Name	Department
Alice	Engineering
Bob	Design

<table>
  <caption>Team Members</caption>
  <thead>
    <tr>
      <th>Name</th>
      <th>Department</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Engineering</td>
    </tr>
    <tr>
      <td>Bob</td>
      <td>Design</td>
    </tr>
  </tbody>
</table>

With Footer

Item	Qty	Price
Widget A	2	$10.00
Widget B	1	$25.00
Total		$45.00

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Qty</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Widget A</td>
      <td>2</td>
      <td>$10.00</td>
    </tr>
    <tr>
      <td>Widget B</td>
      <td>1</td>
      <td>$25.00</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2"><strong>Total</strong></td>
      <td><strong>$45.00</strong></td>
    </tr>
  </tfoot>
</table>

Numeric Data

Numbers can be right-aligned for better readability:

Product	Sales	Revenue
Product A	1,234	$12,340
Product B	567	$5,670

<table>
  <thead>
    <tr>
      <th>Product</th>
      <th style="text-align: right;">Sales</th>
      <th style="text-align: right;">Revenue</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Product A</td>
      <td style="text-align: right;">1,234</td>
      <td style="text-align: right;">$12,340</td>
    </tr>
    <tr>
      <td>Product B</td>
      <td style="text-align: right;">567</td>
      <td style="text-align: right;">$5,670</td>
    </tr>
  </tbody>
</table>