Merge pull request #520 from picturepan2/0.5.4 v0.5.4

0.5.4

1 files changed, 52 insertions, 0 deletions

diff --git a/docs/src/contents/tables.pug b/docs/src/contents/tables.pug
index 4cb996c..5466959 100644
--- a/docs/src/contents/tables.pug
+++ b/docs/src/contents/tables.pug
@@ -52,4 +52,56 @@ pre.code(data-lang='HTML')
             <td>14 October 1994</td>
           </tr>
         </tbody>
+      </table>
+
+
+.docs-demo.columns
+  .column.col-12
+    table.table.table-striped.table-scroll
+      thead
+        tr
+          th Name
+          th Rating
+          th Duration
+          th Genre
+          th Release date
+          th Director
+      tbody
+        tr
+          td The Shawshank Redemption
+          td R
+          td 2h 22min
+          td Crime, Drama
+          td 14 October 1994
+          td Frank Darabont
+        tr
+          td The Godfather
+          td R
+          td 2h 55min
+          td Crime, Drama
+          td 24 March 1972
+          td Francis Ford Coppola
+        tr
+          td Schindler's List
+          td R
+          td 3h 15min
+          td Biography, Drama, History
+          td 4 February 1994
+          td Steven Spielberg
+        tr
+          td Se7en
+          td R
+          td 2h 7min
+          td Crime, Drama, Mystery
+          td 22 September 1995
+          td David Fincher
+
+p
+  | Add the #[code table-scroll] class to #{'<table>'} to have a horizontally scrollable table.
+
+pre.code(data-lang='HTML')
+  code
+    :highlight(lang="html")
+      <table class="table table-striped table-scroll">
+        ...
       </table>
\ No newline at end of file