Table-borderless - Bootstrap CSS Class

• How it works
• Features
• Components
• Pricing

• How it works
• Features
• Blog
• Purchase

Log in Try Demo ← all Bootstrap classes list Bootstrap class: .table-borderless <table class="table table-borderless"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> </tr> </tbody> </table>Copy code

Preview

#	First Name	Last Name
1	Mark	Otto
2	Jacob	Thornton

Check .table-borderless in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Sass source

/* _tables.scss:64 */ .table-borderless { th, td, thead th, tbody + tbody { border: 0; } }Copy code

Uses variables

Code copied to the clipboard.

Copying failed

/* _tables.scss:64 */ Copy code

More in Bootstrap Tables

• table
• thead-dark
• table-striped
• thead-light
• table-hover
• table-bordered
• table-*-responsive
• table-reflow
• table-sm
• table-secondary
• table-active
• table-success
• table-primary
• table-info
• table-danger
• table-warning
• table-light
• table-dark
• caption-top
• table-responsive-xxl

Bootstrap 4 & 5

• Bootstrap Editor
• Bootstrap Components

Tailwind

• Tailwind Editor
• Tailwind Components

× +

Bootstrap Shuffle 2.0 will work with React!

Want to be the first to try?

Email Notify me

Thanks! We'll be in touch.