View Source Phoenix.UI.Components.Table (Phoenix UI v0.1.5)

Provides a table components.

Link to this section Summary

Functions

Renders table component.

Renders body in table.

Renders standard data cell in table.

Renders footer in table.

Renders header cell in table.

Renders header in table.

Renders row in table.

Link to this section Functions

Renders table component.

examples

Examples

```
<.table>
  <.tr>
    <.th>Month</.th>
    <.th>Savings</.th>
  </.tr>
  <.tr>
    <.td>January</.td>
    <.td>$100</.td>
  </.tr>
</.table>
```

Renders body in table.

examples

Examples

```
<.table>
  <.tbody>
    <.tr>
      <.td>Cell A</.td>
      <.td>Cell B</.td>
    </.tr>
  </.tbody>
</.table>
```

Renders standard data cell in table.

examples

Examples

```
<.table>
  <.tr>
    <.td>Cell A</.td>
    <.td>Cell B</.td>
  </.tr>
</.table>
```

Renders footer in table.

examples

Examples

```
<.table>
  <.tfoot>
    <.tr>
      <.th>Sum</.th>
      <.th>$180</.th>
    </.tr>
  </.tfoot>
</.table>
```

Renders header cell in table.

examples

Examples

```
<.table>
  <.thead>
    <.tr>
      <.th>Month</.th>
      <.th>Savings</.th>
    </.tr>
  </.thead>
</.table>
```

Renders header in table.

examples

Examples

```
<.table>
  <.thead>
    ...
  </.thead>
</.table>
```

Renders row in table.

examples

Examples

```
<.table>
  <.tr>
    ...
  </.tr>
</.table>
```