This article has 12 HTML table-style examples. You can easily copy and paste the CSS code of the style you like.
All the styles are based on Bootstraps table styles.
I have created this so you can copy-paste the styles you need without bringing in the whole Bootstrap library. I need that from time to time. I thought you might too.
How To Copy Paste The Styles?
It’s a simple 2 step process…
Simple Bootstrap Table Style
See the Pen
Untitled by Khoj Badami (@livefiredev)
on CodePen.
Bootstrap Table Dark
See the Pen
Untitled by Khoj Badami (@livefiredev)
on CodePen.
Bootstrap Table Dark Head
See the Pen
Bootstrp Table Dark Head by Khoj Badami (@livefiredev)
on CodePen.
Bootstrap Table Light Head
See the Pen
Bootstrap Table Light Head by Khoj Badami (@livefiredev)
on CodePen.
Bootstrap Table Striped
See the Pen
Boostrap Table Striped by Khoj Badami (@livefiredev)
on CodePen.
Bootstrap Table Dark Striped
See the Pen
Bootstrap Table Dark Striped by Khoj Badami (@livefiredev)
on CodePen.
Bootstrap Table Dark Head Striped
See the Pen
Bootstrap Table Dark Head Striped by Khoj Badami (@livefiredev)
on CodePen.
Boostrap Table Head Dark Compact Striped
See the Pen
Boostrap Table Head Dark Compact Striped by Khoj Badami (@livefiredev)
on CodePen.
Boostrap Table Head Dark Striped Rounded
See the Pen
Boostrap Table Head Dark Striped Rounded by Khoj Badami (@livefiredev)
on CodePen.
Boostrap Table Head Dark Striped Rounded Compact
See the Pen
Boostrap Table Head Dark Striped Rounded Compact by Khoj Badami (@livefiredev)
on CodePen.
Boostrap Table Head Dark Hoverable
See the Pen
Boostrap Table Head Dark Hoverable by Khoj Badami (@livefiredev)
on CodePen.
Boostrap Table Head Dark Striped Rounded With Shadow
See the Pen
Boostrap Table Head Dark Striped Rounded With Shadow by Khoj Badami (@livefiredev)
on CodePen.