corner-radius for Grid?

[Hernan]

is there a way to change a css "corner-radius" to grid... the atributes "k-grid-header" or "k-grid" dont work?

[Dimo]

Hi Hernan,

You can use the followind code. If you are not using grouping, then remove the grouping header CSS class and uncomment the other two lines in the second CSS rule.

.k-grid
{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    overflow:hidden;
}

.k-grouping-header /*,
.k-grid-header,
.k-grid-header table */
{
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    overflow:hidden;
}

.k-grid-pager
{
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    overflow:hidden;
}

Regards,
Dimo
the Telerik team