Add scrollable table example to docs

This commit is contained in:
James Adam Wasson
2019-07-24 18:06:57 -06:00
committed by Jeremy Thomas
parent c129d225b7
commit 8d08f243b7

View File

@@ -354,6 +354,14 @@ meta:
{% include elements/anchor.html name="Modifiers" %}
{% capture simple_scrollable_table_example %}
<div class="table-container">
<table class="table">
<!-- This is a scrollable table -->
</table>
</div>
{% endcapture %}
<div class="columns">
<div class="column">
<p>Add <strong>borders</strong> to all the cells.</p>
@@ -584,4 +592,16 @@ meta:
</div>
</div>
<div class="message is-info">
<div class="message-body">
<p class="content">
You can create a <strong>scrollable table</strong> by wrapping
a <code>table</code> in the <code>table-container</code> class:
</p>
{% highlight html %}{{ simple_scrollable_table_example }}{% endhighlight %}
</div>
</div>
{% include elements/variables.html type='element' %}