javascript - Bootstrap 4 下拉菜单在数据表中不可见

Question

我已经看到响应表中的 Bootstrap 按钮下拉菜单由于滚动而不可见，并且表问题中的这个Bootstrap 4 下拉菜单但解决方案不适用于我，因为我使用的是 DataTables 插件。

下拉菜单应该高于一切，但即使data-boundary="window"按照 Bootstrap 4 文档的说明使用后，它仍然无法正常工作。

您可以在此JSFiddle中看到问题。

没有 DataTables 的代码，它工作得很好。

$(table).DataTable(
{
    'bPaginate'         : true,
    'bLengthChange'     : false,
    'bFilter'           : true,
    'bInfo'             : true,
    'bAutoWidth'        : false,
    'aoColumnDefs'      : [
      {
        'bSortable'     : false,
        'aTargets'      : ['nosorting']
      }],
    'aaSorting'         : [],
})

标签： javascriptjquerycssdatatables

Answer 1

您的数据表溢出。因此，要使您的下拉列表可见，您需要将其附加到正文中。解决方案