Bootstrap: .table-box class for outside border?

Created on 27 Sep 2013  路  4Comments  路  Source: twbs/bootstrap

Example.

.table-box {
border-collapse: separate;
border: 1px solid @table-outer-border-color;
}

.table-box thead > tr > th {
border-bottom: 1px solid @table-head-border-separate-color;
}

@table-outer-border-color: #b7c7cf;
@table-head-border-separate-color: #d8e6ec;

http://jsfiddle.net/FxHGf/

css feature
Source
picture mezoni

Most helpful comment

@mdo, I was just searching for this capability and noticed that you closed this issue. Note that what was suggested is different from table-bordered in that the suggested table-box doesn't have borders on the inside of the table - ie, between the cells.

picture softwaremike on 1 Feb 2016
👍6

All 4 comments

Good idea.

zlatanvasovic picture zlatanvasovic on 1 Oct 2013

Given we already have .table-bordered for that, I think we'll pass. Perhaps in v4 if we re-evaluate the existing classes.

mdo picture mdo on 17 Nov 2013

@mdo, I was just searching for this capability and noticed that you closed this issue. Note that what was suggested is different from table-bordered in that the suggested table-box doesn't have borders on the inside of the table - ie, between the cells.

softwaremike picture softwaremike on 1 Feb 2016
👍6

I agree, this shouldn't have been closed

bgarrison25 picture bgarrison25 on 15 Feb 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

MrCsabaToth picture MrCsabaToth  路  3Comments
ziyi2 picture ziyi2  路  3Comments
steve-32a picture steve-32a  路  3Comments
eddywashere picture eddywashere  路  3Comments
devfrey picture devfrey  路  3Comments