From 8d08f243b7b79647d02f7efd4466a26a7f267150 Mon Sep 17 00:00:00 2001
From: James Adam Wasson <jameswasson1@gmail.com>
Date: Wed, 24 Jul 2019 18:06:57 -0600
Subject: [PATCH] Add scrollable table example to docs

---
 docs/documentation/elements/table.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html
index d5b7d4cf..3639e0e6 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' %}