Basic tables

For simple table styling, use the .table class.

here is the same with @extend

Condensed Table

Reduce cell padding by adding the .table-condensed class.

You still need to include the .table class.

here is the same with @extend

Bordered Table

Add borders and rounded corners by adding the .table-bordered class.

You still need to include the .table class.

here is the same with @extend

Using @extends with Scss

You can combine the .table-condensed and .table-bordered classes for additional styling using @extends like the following.

Browser Support

Tables works in all modern browsers, and IE 6 and above.

Because IE8 and lower lack border-radius support, rounded corners on bordered tables only work on IE9 and higher.