Kendo Grid - Kolor tła krwawi ponad promieniem na rzędach altów - html, kendo-ui, kendo-grid, css3

Używam siatki Kendo bez stopki lubpasek przewijania. Problemem, który napotykam, jest to, że zaokrąglone rogi są przekraczane przez kolor tła rzędu alt. Chcę zachować zaokrąglony róg, ponieważ pasują do wielu innych elementów na naszej stronie.

Nie jestem pewien, czy jest to kwestia Kendo, ponieważ mogę ją odtworzyć bez kendo. Oto JSFiddle. Być może jest to rendering html / css Kendo.

jakieś pomysły? Ponieważ używamy Kendo, mogę zhackować rendering html post kendo, aby uzyskać szybkie rozwiązanie, ale ostatecznie chciałbym, aby Kendo to naprawił.

Oto mój prosty przykład. Naśladuję html renderowany przez Kendo Grid.

<div style="width:400px;border-radius:20px;border:1px solid red;">
<table style="width:100%;">
<tr>
<td>blah</td><td>more blah</td>
</tr>
<tr style="background-color:lightblue;">
<td>blah</td><td>more blah</td>
</tr>
</table>
</div>

Odpowiedzi:

To zdecydowanie nie jest problem kendo, ale dość powszechny problem CSS.

Jednym ze sposobów rozwiązania tego problemu jest dodanie overflow:hidden; w pojemniku div.

Tutaj jest jsFiddle. Możesz zastosować to do div zawartości kendoGrid z następującymi css:

.k-grid-content {
overflow:hidden;
}