Table

You can create a table by specifying the uc-table class.

1. Basic

Create a basic table.

ID	Name	Summary
001	Test field	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.
002	Test field	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.
003	Test field	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.

<table class="uc-table">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Summary</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>Test field</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.</td>
    </tr>
    <tr>
      <td>002</td>
      <td>Test field</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.</td>
    </tr>
    <tr>
      <td>003</td>
      <td>Test field</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.</td>
    </tr>
  </tbody>
</table>

2. Fit to width

By specifying the _col-full class, you can display the table as wide as possible.

ID	Name	Summary
001	Test field	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.
002	Test field	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.
003	Test field	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.

<table class="uc-table _col-full">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Summary</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td>Test field</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.</td>
    </tr>
    <tr>
      <td>002</td>
      <td>Test field</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.</td>
    </tr>
    <tr>
      <td>003</td>
      <td>Test field</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, accusantium.</td>
    </tr>
  </tbody>
</table>