Basic Tables

Basic table, bordered table, striped table and more

Basic Table

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

Striped Table

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

Bordered Table

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

Hover Table

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

Condensed Table

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

Icon and label

# First Name Last Name Username
1 Mark New Twitte Otto +5 @mdo
2 Jacob No Update Thornton @fat
3 Larry Huge Update! the Bird +800 @twitter

Fill Head

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

Striped + Hover + Fill Head Table

# First Name Last Name Username
1 Mark Otto New Twitte @mdo+10
2 Jacob Thornton @fat
3 Larry New User the Bird @twitter

Big one

# First Name Last Name Username Action
1 Mark Otto New Twitte @mdo+10 Edit Delete
2 Jacob Thornton @fat Edit Delete
3 Larry New User the Bird @twitter Edit Delete

Lots of column

.table-big wrapper will add horizontal scroll when it's need, and also each td and th will take white-space: nowrap; css style.

# First Name Last Name Username Email Website Description Action
1 Mark Otto @mdo mark@tw.com mark.otto.com Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Duis mollis, est non commodo luctus. Edit Delete
2 Jacob Thornton @fat jacob@tw.com jacobfat.net Integer posuere erat a ante. Duis mollis, est non commodo luctus, nisi erat porttitor ligula integer posuere erat a ante. Edit Delete
3 Larry the Bird @twitter larry@tw.com lbird.com Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Duis mollis, est non commodo luctus. Edit Delete

More option

# First Name Last Name Username Action
1 Mark Otto New Twitte @mdo+10
2 Jacob Thornton @fat
3 Larry New User the Bird @twitter

2013 © FLATY Admin Template.