@@include('../layouts/head-page-meta.html', {'title': 'Bootstrap Basic Table'}) @@include('../layouts/head-css.html')
@@include('../layouts/layout-vertical.html')
@@include('../layouts/breadcrumb.html', {'breadcrumb-item': 'Table', 'breadcrumb-item-active': 'Bootstrap Table'})

##### Basic Table

use class `table` inside table element

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

##### Hover Table

use class `table-hover` inside table element

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

##### Dark Table

use class `table-dark` inside table element

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

##### Striped Table

use class `table-striped` inside table element

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

##### Contextual Classes

For Make row Contextual add Contextual class like `.table-success` in `tr tag` and For cell add Contextual class in `td or th tag` .

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter
4 | Larry | the Bird | @twitter
5 | Larry | the Bird | @twitter
6 | Larry | the Bird | @twitter
7 | Larry | the Bird | @twitter
8 | Larry | the Bird | @twitter
9 | Larry | the Bird | @twitter

@@include('../layouts/footer-block.html') @@include('../layouts/footer-js.html') @@include('../layouts/customizer.html')