From f722c59ff0a2086e92bab7e8fe7022bc14c90e44 Mon Sep 17 00:00:00 2001 From: RafiBomb Date: Mon, 15 May 2017 09:16:49 -0700 Subject: [PATCH] adds table links --- docs/pages/table.md | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/docs/pages/table.md b/docs/pages/table.md index 8f757f74e..e51cd202d 100644 --- a/docs/pages/table.md +++ b/docs/pages/table.md @@ -9,6 +9,12 @@ sass: scss/components/_table.scss No bells or whistles here, just a straight up table for all of your basic table needs. +
+ Watch this part in video + + edit on codepen button +
+ ```html_example @@ -48,6 +54,12 @@ No bells or whistles here, just a straight up table for all of your basic table Need to spiff up the table just a tad? Just add the class `.hover` to lightly darken the table rows on hover. +
+ Watch this part in video + + edit on codepen button +
+ ```html
@@ -90,6 +102,12 @@ Need to spiff up the table just a tad? Just add the class `.hover` to lightly da By default, table rows are striped. There's an `.unstriped` class to remove the stripes. If you change `$table-is-striped` to `false` to remove stripes from all tables, use the `.striped` class to add stripes. +
+ Watch this part in video + + edit on codepen button +
+ ```html
@@ -132,6 +150,12 @@ By default, table rows are striped. There's an `.unstriped` class to remove the To stack a table on small screens, add the class `.stack`. +
+ Watch this part in video + + edit on codepen button +
+ ```html
@@ -174,10 +198,14 @@ To stack a table on small screens, add the class `.stack`. Got a lot of tubular tabular data? Add a wrapper element with the class `.table-scroll` around your table to enable horizontal scrolling. + Watch this part in video +

The wrapping element was added in Foundation 6.2—prior to that, you just added the class .scroll to the table itself. However, this method doesn't work great with Internet Explorer 9. If you don't need IE9 support, you can just add .scroll to your table, and the wrapping element isn't necessary.

+edit on codepen button + ```html
-- 2.47.3