From a5f144b849a0e0271260cd4485667052247019a5 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sat, 3 Nov 2018 18:08:33 +0800
Subject: IMPORTANT: Change naming of position utilities to avoid conflicts

---
 docs/elements.html | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

(limited to 'docs/elements.html')

diff --git a/docs/elements.html b/docs/elements.html
index 05c581d..810f416 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -394,6 +394,62 @@
       <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>14 October 1994<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
     <span class="hljs-tag">&lt;/<span class="hljs-name">tr</span>&gt;</span>
   <span class="hljs-tag">&lt;/<span class="hljs-name">tbody</span>&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">table</span>&gt;</span>
+
+</code></pre>
+            <div class="docs-demo columns">
+              <div class="column col-12">
+                <table class="table table-striped table-scroll">
+                  <thead>
+                    <tr>
+                      <th>Name</th>
+                      <th>Rating</th>
+                      <th>Duration</th>
+                      <th>Genre</th>
+                      <th>Release date</th>
+                      <th>Director</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>The Shawshank Redemption</td>
+                      <td>R</td>
+                      <td>2h 22min</td>
+                      <td>Crime, Drama</td>
+                      <td>14 October 1994</td>
+                      <td>Frank Darabont</td>
+                    </tr>
+                    <tr>
+                      <td>The Godfather</td>
+                      <td>R</td>
+                      <td>2h 55min</td>
+                      <td>Crime, Drama</td>
+                      <td>24 March 1972</td>
+                      <td>Francis Ford Coppola</td>
+                    </tr>
+                    <tr>
+                      <td>Schindler's List</td>
+                      <td>R</td>
+                      <td>3h 15min</td>
+                      <td>Biography, Drama, History</td>
+                      <td>4 February 1994</td>
+                      <td>Steven Spielberg</td>
+                    </tr>
+                    <tr>
+                      <td>Se7en</td>
+                      <td>R</td>
+                      <td>2h 7min</td>
+                      <td>Crime, Drama, Mystery</td>
+                      <td>22 September 1995</td>
+                      <td>David Fincher</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <p>Add the <code>table-scroll</code> class to &lt;table&gt; to have a horizontally scrollable table.</p>
+            <pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">table</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"table table-striped table-scroll"</span>&gt;</span>
+  ...
 <span class="hljs-tag">&lt;/<span class="hljs-name">table</span>&gt;</span></code></pre>
           </div>
           <div class="container" id="buttons">
-- 
cgit v1.3.1-23-gd82d