Please wait...

Nexa

Normal Tables Welcome to Nexa Application

BASIC TABLES Basic example without any additional modification classes

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat

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

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat

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

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat

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

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat

CONDENSED TABLE Add .table-condensedto make tables more compact by cutting cell padding in half.

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat

CONTEXTUAL CLASSES Use contextual classes to color table rows or individual cells.

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat

WITH MATERIAL DESIGN COLORS You can use material design colors which examples are .bg-pink

#FIRST NAMELAST NAMEUSERNAME
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4LarryJellybean@lajelly
5LarryKikat@lakitkat