floatThead 和 bootstrap downdrop

Question

所以我想在固定 header 中设置下拉菜单。 floatThead 可以很好地固定到顶部，但下拉列表只能显示适合 table 的 header 的元素，因为包装 overflow:hidden 作为 floatThead 的一部分。这里有一个jsfiddle。我尝试了 upping/downing 和 z-index 无济于事。是否有可能或者我应该摆脱下拉菜单？ （这不是全部都需要，但如果可行的话，这是一个很好的奖励）。

$(document).ready(function() {
  $('.sticky-header').floatThead({zIndex: 1001});
});

Answer 1

您可以将 .floatThead-container 设置为 overflow: visible 并使用 !important 覆盖内联样式。

div.floatThead-container {
  overflow: visible !important;
}

JSFiddle