The HTML table model allows authors to arrange data into rows and columns of cells. Each table may have an associated caption that provides a short description of the table’s purpose.


Basic

<table>
  ...
</table>
Optional Table Caption
# Theme Name Theme Type Theme Price
1 Dicot Magazine $89
2 Candela Portfolio $79
3 Wedding Wedding $75
4 Axon Blog $75

Striped Rows

<table class="table-striped">
  ...
</table>
Optional Table Caption
# Theme Name Theme Type Theme Price
1 Dicot Magazine $89
2 Candela Portfolio $79
3 Wedding Wedding $75
4 Axon Blog $75

Bordered Table

<table class="table-bordered">
  ...
</table>
Optional Table Caption
# Theme Name Theme Type Theme Price
1 Dicot Magazine $89
2 Candela Portfolio $79
3 Wedding Wedding $75
4 Axon Blog $75

Hover Rows

<table class="table-hover">
  ...
</table>
Optional Table Caption
# Theme Name Theme Type Theme Price
1 Dicot Magazine $89
2 Candela Portfolio $79
3 Wedding Wedding $75
4 Axon Blog $75

Condensed Table

<table class="table-condensed">
  ...
</table>
Optional Table Caption
# Theme Name Theme Type Theme Price
1 Dicot Magazine $89
2 Candela Portfolio $79
3 Wedding Wedding $75
4 Axon Blog $75

Customized Table

<table class="table-bordered table-striped table-hover">
  ...
</table>
Optional Table Caption
# Theme Name Theme Type Theme Price
1 Dicot Magazine $89
2 Candela Portfolio $79
3 Wedding Wedding $75
4 Axon Blog $75

Leave a Reply