### Table border

#### Table row borders

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

Firstname | Lastname | Email
--- | --- | ---
John | Doe | john@example.com
Mary | Moe | mary@example.com
July | Dooley | july@example.com

#### 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.

Home | Client | Setting
--- | --- | ---
data1 | data2 | data3
data1 | data2 | data3
data1 | data2 | data3

#### Both borders

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

Firstname | Lastname | Email
--- | --- | ---
John | Doe | john@example.com
Mary | Moe | mary@example.com
July | Dooley | july@example.com

#### 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 | Email
--- | --- | ---
John | Doe | john@example.com
Mary | Moe | mary@example.com
July | Dooley | july@example.com

#### Default borders

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

Firstname | Lastname | Email
--- | --- | ---
John | Doe | john@example.com
Mary | Moe | mary@example.com
July | Dooley | july@example.com

#### 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 | Email
--- | --- | ---
John | Doe | john@example.com
Mary | Moe | mary@example.com
July | Dooley | july@example.com

#### 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 | Email
--- | --- | ---
John | Doe | john@example.com
Mary | Moe | mary@example.com
July | Dooley | july@example.com

#### Border color

Example of a table border with custom color. Based on bootstrap color options, you can set any of predefined colors by adding `.border-bottom-*` class to the table row. This will works with all border styles tables demonstrated above.

Apart form bootstrap color options you can also use Modern Admin color palette options, To set the selected border color lighten use `.border-bottom-*` where `*` is the value of your selected color from palette, and with that use `.border-bottom-lighten-*` or `.border-bottom-darken-*` class where `*` is the value between '1-5' of your selected lighten/darken color from modern color palette. So for color lighten 4 border class will be `.border-bottom-lighten-4`.

Firstname | Lastname | Email | Age
--- | --- | --- | ---
John | Doe | john@example.com | 20
Mary | Moe | mary@example.com | 22
July | Dooley | july@example.com | 30
Piter | Draker | piter@example.com | 30

#### Theme Customizer

Customize & Preview in Real Time

##### Menu Color Options

##### Layout Options

Collapsed Menu
Fixed Layout
Boxed Layout
Static Layout
Native Scroll
Right Side Icons
Bordered Navigation
Flipped Navigation
Collapsible Navigation
Static Navigation
Brand Center
Static Top

##### Navigation Color Options

###### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

###### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink

### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink
Buy Now