BASIC EXAMPLE
For basic styling—light padding and only horizontal dividers—add the base class table to any table
INVERSE TABLE
You can also invert the colors—with light text on dark backgrounds—with .table-dark.
TABLE HEAD OPTIONS
Use one of two modifier classes to make s appear light or dark gray.
Across every breakpoint, use .table-responsive for horizontally scrolling tables. Use .table-responsive{-sm|-md|-lg|-xl} as needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave normally and not scroll horizontally. Border styles, active styles, and table variants are not inherited by nested tables.BORDERED COLOR TABLE
ALWAYS RESPONSIVE
#
Name
Email
Phone
Address
Heading
Heading
Heading
Heading
Heading
1
Semp Port
info@gmail.com
1234567890
1292 Main Resort, India
Cell
Cell
Cell
Cell
Cell
2
Semp Port
info@gmail.com
1234567890
1292 Main Resort, India
Cell
Cell
Cell
Cell
Cell
3
Semp Port
info@gmail.com
1234567890
1292 Main Resort, India
Cell
Cell
Cell
Cell
Cell
#
Name
Email
Phone
Address
Heading
Heading
Heading
Heading
Heading
1
Semp Port
info@gmail.com
1234567890
1292 Main Resort, India
Cell
Cell
Cell
Cell
Cell
2
Semp Port
info@gmail.com
1234567890
1292 Main Resort, India
Cell
Cell
Cell
Cell
Cell
3
Semp Port
info@gmail.com
1234567890
1292 Main Resort, India
Cell
Cell
Cell
Cell
Cell
NESTING