{# -------- STYLEGUIDE SECTION --------- 7. Tables ------------------------------------- #} {% include 'styleguide/section/partial/section-heading.html' with { title: '7. Tables' } only %} {# -------------------------------------- #} {# -------------------------------------- Basic ------------------------------------- #} {% include 'styleguide/section/partial/section-block.html' with { heading: 'Basic', description: 'Basic table.', exampleCode: '
Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
', subsections: [ { heading: 'Striped Rows', description: 'Striped table.', exampleCode: '
Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
', }, { heading: 'Bordered Table', description: 'Bordered table.', exampleCode: '
Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
', }, { heading: 'Hover Rows', description: 'Hover table.', exampleCode: '
Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
' }, { heading: 'Condensed', description: 'Condensed table.', exampleCode: '
Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
' }, ], } only %}
{# .sg-container #}
{# .sg-section #}