Oreo

Please wait...

  • Design Team

  • Avatar
  • Avatar
  • Avatar
  • Avatar
  • Alexander6:12Hello, John
  • 6:15Hi, Alexander
    How are you!
  • 6:16There are many variations of passages of Lorem Ipsum available
  • Elizabeth6:25Hi, Alexander,
    John
    What are you doing?
  • Michael6:28I would love to join the team.
  • 7:02Hello,
    Michael

Normal Tables Welcome to Oreo

Basic TableBasic example without any additional modification classes

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat

StripedRows Use .table-stripedto add zebra-striping to any table row within the <tbody>

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat

BorderedTable Add .table-borderedfor borders on all sides of the table and cells.

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat

HoverRows Add .table-hoverto enable a hover state on table rows within a <tbody>.

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat