Tables

ZappCode > Tables

Basic Example

[basictable titles=”#|First|Last|Handle”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry|the Bird|@twitter[/basictable]

Table Head

[basictable titles=”#|First|Last|Handle” class_name=”thead-dark”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry|the Bird|@twitter[/basictable][basictable titles=”#|First|Last|Handle” class_name=”thead-light”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry|the Bird|@twitter[/basictable]

Striped rows

Use .table-striped to add zebra-striping to any table row within the

[basictable titles=”#|First|Last|Handle” class_name=”table-striped”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry|the Bird|@twitter[/basictable]

Bordered Table

Add .table-borderless for a table without borders.

[basictable titles=”#|First|Last|Handle” class_name=”table-bordered”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry| |@twitter[/basictable]

Borderless Table

Add .table-borderless for a table without borders.

[basictable titles=”#|First|Last|Handle” class_name=”table-borderless table-dark”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry| |@twitter[/basictable]

Hoverable rows

Add .table-hover to enable a hover state on table rows within a .

[basictable titles=”#|First|Last|Handle” class_name=”table-hover”]1|Mark|Otto|@mdo
2|Jacob|Thornton|@fat
3|Larry| |@twitter[/basictable]