From: James Adam Wasson <jameswasson1@gmail.com>
Date: Thu, 25 Jul 2019 00:06:57 +0000 (-0600)
Subject: Add scrollable table example to docs
X-Git-Tag: 0.8.0~51
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=8d08f243b7b79647d02f7efd4466a26a7f267150;p=thirdparty%2Fbulma.git

Add scrollable table example to docs
---

diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html
index d5b7d4cf0..3639e0e63 100644
--- a/docs/documentation/elements/table.html
+++ b/docs/documentation/elements/table.html
@@ -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' %}