Question

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

我不确定这是一个剑道问题，因为我可以在没有剑道的情况下重现它。 Here is a JSFiddle。也许这是剑道对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;
}

剑道网格 - 背景颜色在alt行上的半径上流血

1 个答案: