aboutsummaryrefslogtreecommitdiff
path: root/docs/content/tables.md
diff options
context:
space:
mode:
Diffstat (limited to 'docs/content/tables.md')
-rw-r--r--docs/content/tables.md5
1 files changed, 5 insertions, 0 deletions
diff --git a/docs/content/tables.md b/docs/content/tables.md
index e4f69b068..f8d743044 100644
--- a/docs/content/tables.md
+++ b/docs/content/tables.md
@@ -433,6 +433,11 @@ Use contextual classes to color table rows or individual cells.
Create responsive tables by wrapping any `.table` in `.table-responsive` to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.
+<div class="bs-callout bs-callout-warning" id="callout-tables-responsive-overflow">
+ <h4>Vertical clipping/truncation</h4>
+ <p>Responsive tables make use of <code>overflow-y: hidden</code>, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets.</p>
+</div>
+
<div class="bs-callout bs-callout-warning">
<h4>Firefox and fieldsets</h4>
<p>Firefox has some awkward fieldset styling involving <code>width</code> that interferes with the responsive table. This cannot be overriden without a Firefox-specific hack that we <strong>don't</strong> provide in Bootstrap:</p>