basic-table

Project Listing
Overview of the projects
Team LeadProjectStatusWeeksBudget
avatar
Hanna Gover
hgover@gmail.com
Flexy React3595K
avatar
Jonathan Gover
hgover@gmail.com
Lading pro React3595K
avatar
Steave
hgover@gmail.com
Elite React3595K
avatar
Mukesh chava
hgover@gmail.com
Flexy React3595K
avatar
Thuklk luu
hgover@gmail.com
Ample React3595K

Default Table

Using the most basic table markup, here’s how Table-based tables look in Reactstrap. All table styles are inherited in Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Table Header

Similar to tables, use the modifier classes .thead-light to make<thead>s appear light.

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Striped rows

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

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Bordered Table

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

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Hoverable Rows

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

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Responsive Table

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

#HeadingHeadingHeadingHeadingHeadingHeading
1CellCellCellCellCellCell
2CellCellCellCellCellCell
3CellCellCellCellCellCell