Tables

The table shortcode enables Lotus Docs to take advantage of Bootstrap’s opt-in table styling.

Regular Tables link

By default Lotus Docs renders regular Markdown tables with some very basic styling:

  | Tables   |      Are      |  Cool |
|----------|:-------------:|------:|
| col 1 is |  left-aligned | $1600 |
| col 2 is |    centered   |   $12 |
| col 3 is | right-aligned |    $1 |
  

Result:

Shortcode Tables link

The the table shortcode allows you to implement a number of Bootstrap’s table styling classes. The table shortcode without any options will render a basic bordered table with a borderless floating table head:

  {{< table >}}
| Animal | Sounds | Legs |
|---------|--------|-----|
| `Cat` | Meow | 4 |
| `Dog` | Woof | 4 |
| `Cricket` | Chirp | 6 |
{{< /table >}}
  

Striped Rows link

Use the table-striped option to add zebra-striping to the table rows.

  {{< table "table-striped" >}}
...
..
{{< /table >}}
  

Striped Columns link

Use the table-striped-columns option to add zebra-striping to the table columns.

  {{< table "table-striped-columns" >}}
...
..
{{< /table >}}
  

Hoverable Rows link

Use the table-hover option to enable a hover state on the table rows.

  {{< table "table-hover" >}}
...
..
{{< /table >}}
  

Tables without borders link

Use the table-borderless option a table without borders.

  {{< table "table-borderless" >}}
...
..
{{< /table >}}
  

Small Tables link

Add table-sm or table-xs to make any table more compact by reducing the cell padding.

Responsive Tables link

Add the table-responsive option to make a table responsive:

Combining Table Options link

Combine table shortcode options to create your desired effect:

  {{< table "table-striped table-sm table-borderless" >}}
...
..
{{< /table >}}