Merge pull request #1000 from SKalt/gh-pages

Use sticky table headers
microsoft · May 26, 2020 · 599aa2d · 599aa2d
2 parents f771045 + 953f3ad
commit 599aa2d
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/css/main.scss b/css/main.scss
@@ -44,6 +44,24 @@ h2 {
 	margin-bottom: 20px;
 }
 
+table.table-responsive.table-bordered {
+	display: table;
+	& thead > tr {
+		border: none;
+		& > th {
+			position: sticky;
+			position: -webkit-sticky;
+			position: -moz-sticky;
+			position: -ms-sticky;
+			position: -o-sticky;
+			top: 3rem; // 2.5rem for the header's height + padding,
+			           // +.5rem for the tr's own padding 
+			background: #fff;
+			outline: 1px solid #e9ecef;
+		}
+	}
+}
+
 .toc {
 	font-size: 85%
 }