From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/elements/tables.html | 338 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 338 insertions(+) create mode 100644 docs/elements/tables.html (limited to 'docs/elements/tables.html') diff --git a/docs/elements/tables.html b/docs/elements/tables.html new file mode 100644 index 0000000..edd3b2b --- /dev/null +++ b/docs/elements/tables.html @@ -0,0 +1,338 @@ + + + + Tables - Elements - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Tables

+
+
+ + + +
+
+ + +
+
+

Tables include default styles for tables and data sets.

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameGenreRelease date
The Shawshank RedemptionCrime, Drama14 October 1994
The GodfatherCrime, Drama24 March 1972
Schindler's ListBiography, Drama, History4 February 1994
Se7enCrime, Drama, Mystery22 September 1995
+
+
+

Add the table class to any <table> element. + The class will add padding, border and emphasized table header. + Use the table-striped class to <table> to add zebra striped style. + For hoverable table rows, you can add the table-hover class to enable hover style. +

+

Use the active class to make <tr> element highlighted.

+ 
<table class="table table-striped table-hover">
+  <thead>
+    <tr>
+      <th>name</th>
+      <th>genre</th>
+      <th>release date</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr class="active">
+      <td>The Shawshank Redemption</td>
+      <td>Crime, Drama</td>
+      <td>14 October 1994</td>
+    </tr>
+  </tbody>
+</table>
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameRatingDurationGenreRelease dateDirector
The Shawshank RedemptionR2h 22minCrime, Drama14 October 1994Frank Darabont
The GodfatherR2h 55minCrime, Drama24 March 1972Francis Ford Coppola
Schindler's ListR3h 15minBiography, Drama, History4 February 1994Steven Spielberg
Se7enR2h 7minCrime, Drama, Mystery22 September 1995David Fincher
+
+
+

Add the table-scroll class to <table> to have a horizontally scrollable table.

+ 
<table class="table table-striped table-scroll">
+  ...
+</table>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d