Applying radius on a dynamic table

OL Connect Professional Designer
1

Hi all,

I’m a newbie on PPC Designer and i wonder is there’s a way for getting a dynamic table with rounded corner (and keeping framing between columns) . I’ve tried the table–grid class table but the radius option doesn’t change anything.

Christophe

2

You should be able to achieve this with some CSS.

table {
    border-spacing: 0;
}
th, td {
    border: 1px solid #000;
    padding: 0.5em 1em;
}
thead tr:first-child th:first-child {
    border-radius: 0.6em 0 0 0;
}
thead tr:first-child th:last-child {
    border-radius: 0 0.6em 0 0;
}
tbody tr:last-child td:first-child {
    border-radius: 0 0 0 0.6em;
}
tbody tr:last-child td:last-child {
    border-radius: 0 0 0.6em 0;
}

Regards,

James.

3

Thank you James. I’m gonna test this.