notes/docs/ui-components/tables.md

41 lines
921 B
Markdown

---
layout: default
title: Tables
parent: UI Components
nav_order: 3
---
# Tables
{:.no_toc}
## Table of contents
{: .no_toc .text-delta }
1. TOC
{:toc }
---
## Default tables
Tables are responsive by default, allowing wide tables to have a horizontal scroll to access columns outside of the normal viewport.
<div class="code-example" markdown="1">
| head1 | head two | three |
|:-------------|:------------------|:------|
| ok | good swedish fish | nice |
| out of stock | good and plenty | nice |
| ok | good `oreos` | hmm |
| ok | good `zoute` drop | yumm |
</div>
```markdown
| head1 | head two | three |
|:-------------|:------------------|:------|
| ok | good swedish fish | nice |
| out of stock | good and plenty | nice |
| ok | good `oreos` | hmm |
| ok | good `zoute` drop | yumm |
```