@@ -363,14 +363,25 @@ body {
box-sizing: border-box;
}
+.reveal table {
+ margin: auto;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+.reveal table th {
+ font-weight: bold;
.reveal table th,
.reveal table td {
- text-align: left;
- padding-right: .3em;
+ text-align: left;
+ padding: 0.2em 1em 0.2em 0;
+ border-bottom: 1px solid;
-.reveal table th {
- font-weight: bold;
+.reveal table tr:last-child td {
+ border-bottom: none;
.reveal sup {
@@ -131,6 +131,36 @@
</ol>
</section>
+ <section>
+ <h2>Superb Tables</h2>
+ <table>
+ <thead>
+ <tr>
+ <th>Item</th>
+ <th>Value</th>
+ <th>Quantity</th>
+ </tr>
+ </thead>
+ <tbody>
+ <td>Apples</td>
+ <td>$1</td>
+ <td>7</td>
+ <td>Lemonade</td>
+ <td>$2</td>
+ <td>18</td>
+ <td>Bread</td>
+ <td>$3</td>
+ <td>2</td>
+ </tbody>
+ </table>
+ </section>
<section data-markdown>
<script type="text/template">
## Markdown support
@@ -1,5 +1,5 @@
/*!
- * reveal.js 2.6.1 (2013-12-20, 09:48)
+ * reveal.js 2.6.1 (2013-12-20, 10:34)
* http://lab.hakim.se/reveal-js
* MIT licensed
*