tabler/pages/_docs/tables.md

title, menu, bootstrap-link

title	menu	bootstrap-link
Tables	docs.tables	content/tables/

Basic Table

A basic Bootstrap table has a light padding and only horizontal dividers.

The .table class adds basic styling to a table:

{% capture code %} {% include ui/table.html %} {% endcapture %} {% include example.html code=code %}

Responsive tables

Across each breakpoint, use .table-responsive class for horizontal scrolling tables. Use .table-responsive{-sm|-md|-lg|-xl} as needed to create responsive tables up to a specific breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally.

{% capture code %}

{% for i in (1..10) %} {% endfor %} {% for j in (1..2) %} {% for i in (1..10) %} {% endfor %} {% endfor %}

#	Heading {{ i }}
{{ j }}	Cell

{% endcapture %} {% include example.html code=code %}

No wrap

Prevents table cell content from wrapping to another line.

{% capture code %} {% include ui/table.html nowrap=true responsive=true %} {% endcapture %} {% include example.html code=code %}