<.table
  id="table-single-basic"
  rows={[%{id: 1, name: "George", age: 8}, %{id: 2, name: "Mary", age: 5}]}
>
  <:col :let={p} label="name"><%= p.name %></:col>
  <:col :let={p} label="age"><%= p.age %></:col>
</.table>

<.table
  id="table-single-actions"
  rows={[%{id: 1, name: "George", age: 8}, %{id: 2, name: "Mary", age: 5}]}
>
  <:col :let={p} label="name"><%= p.name %></:col>
  <:col :let={p} label="age"><%= p.age %></:col>
  <:action>
    <.link>Edit</.link>
  </:action>
</.table>

<.table
  id="table-single-caption"
  rows={[%{id: 1, name: "George", age: 8}, %{id: 2, name: "Mary", age: 5}]}
  caption="List of pets filtered by species"
>
  <:col :let={p} label="name"><%= p.name %></:col>
  <:col :let={p} label="age"><%= p.age %></:col>
</.table>

<.table
  id="table-single-foot"
  rows={[%{id: 1, name: "George", age: 8}, %{id: 2, name: "Mary", age: 5}]}
>
  <:col :let={p} label="name"><%= p.name %></:col>
  <:col :let={p} label="age"><%= p.age %></:col>
  <:foot>
    <tr>
      <td>Avg age</td>
      <td>7.5</td>
    </tr>
  </:foot>
</.table>