Responsivey docs table for grid section

1 files changed, 30 insertions, 0 deletions

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 8783e8149..307e8d07e 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -545,6 +545,36 @@ body {
 /* Responsive docs
 -------------------------------------------------- */
 
+/* Responsive (scrollable) doc tables */
+@media (max-width: 768px) {
+  .bs-table-scrollable {
+    width: 100%;
+    overflow-y: hidden;
+    overflow-x: scroll;
+    border: 1px solid #ddd;
+  }
+  .bs-table-scrollable .bs-table {
+    margin-bottom: 0;
+    border: 0;
+  }
+  .bs-table-scrollable .bs-table th,
+  .bs-table-scrollable .bs-table td {
+    white-space: nowrap;
+  }
+  .bs-table-scrollable .bs-table th:first-child,
+  .bs-table-scrollable .bs-table td:first-child {
+    border-left: 0;
+  }
+  .bs-table-scrollable .bs-table th:last-child,
+  .bs-table-scrollable .bs-table td:last-child {
+    border-right: 0;
+  }
+  .bs-table-scrollable .bs-table tr:last-child th,
+  .bs-table-scrollable .bs-table tr:last-child td {
+    border-bottom: 0;
+  }
+}
+
 /* Related: responsive utilities tables */
 .table code {
   font-size: 13px;