Closed paranoid-android closed 8 years ago
I believe you need this: http://jsfiddle.net/mzcmyec4/3/
Add the following to your script:
.component {
border: 1px solid #BEBEBE;
border-radius: 6px;
}
...
<div class="window-content component">
<table>
...
</table>
</div>
...
@goodseller Thank you so much! The addition of component
cleared it right up for me.
Hello,
I have a table defined like this:
The documentation shows two different
table
layouts:The code above displays the version of a table without rounded corners. However, I want to display a table in my page that has rounded corners. As the code above shows, I have a
1rem
padding. That's why I want the table border with rounded corners. Its unclear how to do this. I'm not sure if the rounded corners come from the window or the pane. If its the window, its not currently possible to nest a table with rounded corners in the middle of a page.How can I display the table with the border and rounded corners shown in the "Tables" section of the components page?