---
title: Tables
layout: common-ux-layout.hbs
---
<h3>Default table</h3>
<div class="module-library-block" data-code="html">
  <table class="table">
    {{>table}}
  </table>
</div>

<h3>Default table from markdown editor</h3>
<div class="module-library-block" data-code="html">
  <div class="tui-text-content">
    <table>
      {{>table}}
    </table>
  </div>
</div>

<h3>Striped table</h3>
<div class="module-library-block" data-code="html">
  <table class="table table-striped">
    {{>table}}
  </table>
</div>

<h3>Hover table</h3>
<div class="module-library-block" data-code="html">
  <table class="table table-hover">
    {{>table}}
  </table>
</div>

<h3>Condensed table</h3>
<div class="module-library-block" data-code="html">
  <table class="table table-condensed">
    {{>table}}
  </table>
</div>

<h3>Responsive tables</h3>
<div class="module-library-block" data-code="html">
  <div class="table-responsive">
    <table class="table">
      {{>table}}
    </table>
  </div>
</div>

<h3>Climate table</h3>
<div class="tui-climate-table">
  {{>climate_table climate-table}}
</div>