chrome中剑道ui网格lrt css中的错误

Posted 2023-05-07

【中文标题】chrome中剑道ui网格lrt css中的错误

【英文标题】：Bug in kendo ui grid lrt css in chrome

【发布时间】：2014-07-12 12:03:39

【问题描述】：

chrome 中的 kendo ui grid rtl css 存在错误。 如果您注意到 Telerik 站点中的示例，您会看到以下错误： http://demos.telerik.com/kendo-ui/web/grid/rtl.html

当您转到第 6 页时，页眉和正文未对齐。

这个错误在 chrome（对我来说：V35）和 firefox（V28）和 IE（V11）中没有这个错误。

水平滚动也可能出现同样的错误。 例如在 ltr 方向：

http://jsbin.com/otolop/2/edit

这在所有浏览器中都可以。 但在 rtl 方向：

http://jsbin.com/otolop/6/edit

chrome有错误，firefox和IE没有错误。

如何解决此错误。非常感谢。

【问题讨论】：

报告给 Telerik。当我在他们的控件中发现错误时，我就是这样做的。与任何其他第 3 方供应商相同。这就是他们希望你做的事情。

【参考方案1】：

这对我有用：

.k-grid-content 
    overflow-y: auto;


.k-grid-header-wrap 
    width: 102%;


.k-grid-footer-wrap 
    width: 102%;

【讨论】：

滚动时会弄乱网格。 （FF）

【参考方案2】：

将表格布局fixed 属性应用于role="grid" 的表格。这对我有用。

.theme-01 .table-view table 
     table-layout: fixed;