html - Kendo Grid - 背景颜色在 alt 行上溢出半径

Question

我使用的是没有页脚或滚动条的 Kendo 网格。我遇到的问题是圆 Angular 被 alt 行背景颜色覆盖。我想保留圆 Angular ，因为它们与我们页面上的许多其他设计元素相匹配。

我不确定这是一个 Kendo 问题，因为我可以在没有 kendo 的情况下重现它。 Here is a JSFiddle .也许是 Kendo 对 html/css 的渲染。

有什么想法吗？当我们使用 Kendo 时，我可以破解 html post kendo 渲染以获得快速解决方案，但最终我希望看到 Kendo 解决这个问题。

这是我的简单示例。我正在模仿 Kendo Grid 呈现的 html。

<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>

Answer 1

这绝对不是剑道问题，而是一个很常见的 CSS 问题。

解决它的一种方法是在 div 容器中添加 overflow:hidden;。

这是一个jsFiddle .您可以使用以下 css 将其应用于 kendoGrid 的内容 div:

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