35 lines
1.0 KiB
Markdown
35 lines
1.0 KiB
Markdown
+++
|
|
title = "Table"
|
|
description = ""
|
|
+++
|
|
|
|
The table shortcode allows you to wrap your tables in a <code>table</code> class, providing styling to the table such as borders, stripes and hover effects.
|
|
|
|
{{< table >}}
|
|
| Tables | are | cool |
|
|
| ------------- |:-------------:| -----:|
|
|
| col 3 is | right-aligned | $1600 |
|
|
| col 2 is | centered | $12 |
|
|
| zebra stripes | are neat | $1 |
|
|
{{< /table >}}
|
|
|
|
## Usage
|
|
Place the following shortcode on the page
|
|
{{< code lang="html" >}}
|
|
{{</* table style="STYLE" */>}}
|
|
| Tables | are | cool |
|
|
| ------------- |:-------------:| -----:|
|
|
| col 3 is | right-aligned | $1600 |
|
|
| col 2 is | centered | $12 |
|
|
| zebra stripes | are neat | $1 |
|
|
{{</* /table */>}}
|
|
{{< /code >}}
|
|
|
|
### Parameters
|
|
#### Style
|
|
The style parameter is directly applied to the table as a class in the format *"{STYLE}"*. Bootstrap comes with several styles that can be used with this:
|
|
- table-striped
|
|
- table-dark
|
|
- table-bordered
|
|
- table-hover
|