在ag-Grid自定义标题中呈现时,Bootstrap下拉菜单被部分隐藏

时间:2019-07-18 11:11:49

标签: html css vue.js ag-grid

我们在vue项目中使用ag-Grid。需要在标题中具有一个带有菜单的下拉菜单,以便用户可以执行一些操作。我在CustomHeader中添加了一个引导下拉菜单(我也尝试了其他一些组件),发现菜单已部分隐藏并且不可用。

我尝试应用某些css样式,但是未能使其完全可见,或者当可见时,ag-grid功能被完全破坏。

我以为我在解决这个问题时就解决了:

.ag-header-cell, .ag-header, .ag-header-row, .ag-header-viewport {
  overflow: visible !important;
}

但是它实际上破坏了标题的水平滚动,并且如果您水平滚动它又会部分可见

这是我的示例Plunker的链接。

0 个答案:

没有答案