Javascript 剑道格网在引导下拉列表或工具提示中表现不佳

Javascript 剑道格网在引导下拉列表或工具提示中表现不佳,javascript,web-applications,kendo-ui,Javascript,Web Applications,Kendo Ui,我试图在剑道网格中使用某些引导元素,例如引导下拉按钮和工具提示 问题是下拉列表或工具提示始终位于行下方或上方。我尝试过调整显示元素的z索引,但这并不能解决问题 有人找到了解决方案吗?作为下拉菜单容器的.btn group类相对定位,因此更改下拉菜单类的z索引不会有任何好处。您可以绝对定位,然后从那里调整定位。像这样的事情应该让你开始: .k-grid-content .btn-group { position: absolute; } .k-grid-content .btn-grou

我试图在剑道网格中使用某些引导元素,例如引导下拉按钮和工具提示

问题是下拉列表或工具提示始终位于行下方或上方。我尝试过调整显示元素的z索引,但这并不能解决问题


有人找到了解决方案吗?

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

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

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

问题在于网格内容被永久地设置为
overflow-y:scroll
,而这并不是它真正需要的(除非您使用虚拟化功能的高度是固定的)

通过更改网格内容的CSS以删除滚动条,设置
overflow:visible
,并添加额外的填充以说明缺少的滚动条,现在可以工作了

我已经更新了演示


感谢所有的帮助。

为了将来的参考,如果您有其他网格单元,其中可能包含的数据将通过上述修复溢出到其他列中,您可以将一个类设置为自定义网格操作列,如下所示:

columns: [
  {
   field: "Actions", 
   title: " ", 
   filterable: false, 
   attributes: {"class": "actions-column"},
   template: <your action button template or template link here>
  }
]

编辑:小小的css选择器更改

给我们代码,否则它不会发生。您可以使用我认为不需要的代码,但这里有一个关于JSFIDLE的演示,它显示了问题:太好了。非常感谢。我想我也可以用这个来解决工具提示的问题。嗯。。。看来我认为这个问题已经解决还为时过早。除了最后两行之外,其他所有行都可以,除非向下滚动表格,否则它们不会显示。大多数用户都会忽略这一点。您可以尝试将按钮菜单定位到按钮的一侧或更靠近按钮的位置来解决此问题。谢谢Mat,这正是我所需要的。
.k-grid-content tr td.actions-column {
   overflow: visible;
}