@@include('partials/main.html') @@include("partials/title-meta.html", {"title": "Basic Tables"}) @@include('partials/head-css.html')

@@include('partials/sidenav.html')

@@include("partials/page-title.html", {"subtitle":"Tables","title":"Basic Tables"})

Example

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete
Whitney Francis	Copywriter	whitney.francis@example.com	Delete
Leonard Krasner	Front-end Developer	leonard.krasner@example.com	Delete

Striped rows

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete
Whitney Francis	Copywriter	whitney.francis@example.com	Delete
Leonard Krasner	Front-end Developer	leonard.krasner@example.com	Delete

Hoverable rows

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete
Whitney Francis	Copywriter	whitney.francis@example.com	Delete
Leonard Krasner	Front-end Developer	leonard.krasner@example.com	Delete

Striped Hoverable

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete
Whitney Francis	Copywriter	whitney.francis@example.com	Delete
Leonard Krasner	Front-end Developer	leonard.krasner@example.com	Delete

High-lighted Table

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

Bordered Table

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

Rounded Table

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

Table thead horizontally divided

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

Header in Gray color

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

With shadow

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

Headless

Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Tom Cook	Director of Product	tom.cook@example.com	Delete

Table foot

Name	Title	Email	Action
Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Designer	courtneyhenry@example.com	Delete
Footer	Footer	Footer	Footer

Overflow

Name	Title	Title	Email	Email	Action
Lindsay Walton	Regional Paradigm Technician	john@site.com	Front-end Developer	lindsay.walton@example.com	Delete
Courtney Henry	Forward Response Developer	jim@site.com	Designer	courtneyhenry@example.com	Delete
Tom Cook	Product Directives Officer	joe@site.com	Director of Product	tom.cook@example.com	Delete

Selection

Checkbox	Name	Title	Email	Action
Checkbox	Lindsay Walton	Front-end Developer	lindsay.walton@example.com	Delete
Checkbox	Courtney Henry	Designer	courtneyhenry@example.com	Delete
Checkbox	Tom Cook	Director of Product	tom.cook@example.com	Delete
Checkbox	Whitney Francis	Copywriter	whitney.francis@example.com	Delete
Checkbox	Leonard Krasner	Front-end Developer	leonard.krasner@example.com	Delete

@@include('partials/footer.html')

@@include('partials/footer-scripts.html')