Table Row borders

Example of table row borders. This is a default table border style by bootstrap and attached to .table class .

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}

Table column borders

Example of vertical table borders. This custom table border layout displays vertical borders only. However border between table head and table body is also visible for better visual separation. To use this layout add .table-columned class to the table with .table class .

Example of table column borders. Add .table-column class with .table for table with column border.

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}

Both borders

Example of table having both column & row borders. Add .table-bordered class with .table for both borders table.

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}

Borderless Table

Example of borderless table, all border are hidden, except border .thead and .tfoot. Add .table-borderless class with .table for borderless table.

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}

Default borders

Example of a default border table. This is bootstrap default table having only .table class.

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}

Solid border

Example of a solid bordered table row. This border inherits all styling options from the default border style, the only difference is it has 2px width. Add .border-solid to the table body row. This border style works only with row borders.

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}

Double border

Example of double bordered table row. This has 4px width and double style. Add .border-double to the table body row. This border style works only with row borders.

# Firstname Lastname Username
{{ i + 1 }} {{ country.firstname }} {{ country.lastname }} {{ country.username }}