From 1f258ff6a1d679a1313a49f89c977bdeb58e9e06 Mon Sep 17 00:00:00 2001 From: Floris Verburg Date: Sun, 6 Mar 2016 13:17:11 +0100 Subject: [PATCH] Introduction for using table-reflow. --- docs/content/tables.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/docs/content/tables.md b/docs/content/tables.md index 80bbbf8549..9ebfbad64f 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -564,6 +564,16 @@ For more information, read [this Stack Overflow answer](https://stackoverflow.co ### Reflow +Turn traditional tables on their side by using `table-reflow`. When using reflow, the table header becomes the first column of the table, the first row within the table body becomes the second column, the second row becomes the third column, etc. + +{% callout warning %} +#### Content order and complex tables + +Beware that the `table-reflow` style changes the visual order of content. Make sure that you only apply this style to well-formed and simple data tables (and in particular, don't use this for layout tables) with appropriate `` table header cells for each row and column. + +In addition, this class will not work correctly for tables with cells that span multiple rows or columns (using `rowspan` or `colspan` attributes). + +{% endcallout %} {% example html %} -- 2.47.2