Kendo Grid 在 Bootstrap 下拉菜单或工具提示中表现不佳 [英] Kendo Grid do not play nice with Bootstrap dropdown or tooltips

问题描述

我正在尝试在 Kendo Grid 中使用某些 Bootstrap 元素，例如 Bootstrap 下拉按钮和工具提示.

I'm trying to use certain Bootstrap elements inside a Kendo Grid, for example Bootstrap dropdown buttons and tooltips.

问题是下拉菜单或工具提示总是位于下方或上方的行下方.我试过调整显示元素的 z-index，但这并没有解决.

The problem is the dropdown or tooltips are always positioned below the row below or above. I've tried adjusting the z-index of the displayed elements, but this doesn't fix it.

有没有人设法找到解决方案?

Has anyone managed to find a solution to this?

推荐答案

作为下拉菜单容器的 .btn-group 类相对定位，因此更改下拉菜单类的 z-index 不会'没有任何好处.您可以绝对定位，然后从那里调整定位.像这样的事情应该让你开始:

The .btn-group class, which is the container for the dropdown-menu is positioned relatively so altering the z-index of the dropdown-menu class won't do any good. You can position is absolutely and then adjust the positioning from there. Something like this should get you started:

.k-grid-content .btn-group {
    position: absolute;
}

.k-grid-content .btn-group .btn {  
    top: -10px;
}

链接到演示它的 jsFiddle.

Link to a jsFiddle that demonstrates it in action.

这篇关于Kendo Grid 在 Bootstrap 下拉菜单或工具提示中表现不佳的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！