Tables

Default tables

Column 1 Column 2
Cell 1-1 Cell 1-2
Cell 2-1 Cell 2-2
<table class="mui-table"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <td>Cell 1-1</td> <td>Cell 1-2</td> </tr> <tr> <td>Cell 2-1</td> <td>Cell 2-2</td> </tr> </tbody> </table> 
View in new tab »

Bordered tables

To add borders use the .mui-table--bordered class:

Column 1 Column 2
Cell 1-1 Cell 1-2
Cell 2-1 Cell 2-2
<table class="mui-table mui-table--bordered"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <td>Cell 1-1</td> <td>Cell 1-2</td> </tr> <tr> <td>Cell 2-1</td> <td>Cell 2-2</td> </tr> </tbody> </table> 
View in new tab »
« Previous Next »