Add scrollable table example to docs

diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html
index d5b7d4cf09ef0de305e2cae5118504a5e6c5374e..3639e0e637243ee34df5bb1b924e9756d630334b 100644 (file)
--- 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' %}