Double border with table-bordered within a panel

[kevinoconnor7]

There was a small styling issue if you decided you wanted a table with table-bordered in a panel. Because the panel provides a border around the left and right sides of the table, the table-bordered class added another one on top of that. This results in the border on the left and right sides of the table being double the size of the border.

This merge should resolve this.

[ravenscroft]

Did you have a panel-body? That should provide some padding/margin between the panel and the table.

http://jsfiddle.net/vQcWy/

Otherwise this could be a nice feature if you don't want the additional padding/margin. However, perhaps the gutter should be remove also in this case.

[kevinoconnor7]

It does work as intended with a panel-body, however I didn't want the padding. Actually, the tables show in the panel docs aren't wrapped in the panel-body.

As for the second example that you gave, you shouldn't have the table wrapped in a div, this adds a top and bottom gutter, see my example here.

[ravenscroft]

Ok. I see that example in the docs now. I must have missed it before. Thanks

[mdo]

Btw, I merged this after making some tweaks. Thanks!