Das Bootstrap-Dropdown-Menü ist durch Databases verborgen

Ok, nach den Kommentaren, die wir hatten, wurde mir klar, was du willst:

Sie haben ein <div> -Element mit overflow:auto , und Sie möchten, dass ein Element innerhalb dieses <div> (das <ul> , wo das Menü ist), zu " escape " aus Die Überlaufregel und erscheinen fließend und überschreiben die Überlaufregel von ihrem Vorgänger.

Aber ich fürchte, das ist nicht möglich . Das nächste, was Sie tun können, ist:

• Verwenden Sie Javascript, um die <ul> mit dem Menü außerhalb der <div> mit overflow:auto zu erstellen, und verwenden Sie dann die absolute Position, um sie dorthin zu setzen, wo sie hingehört, oder
• Verwenden Sie Javascript, um automatisch nach unten zu scrollen, sobald das Dropdown-Menü aktiviert ist, indem Sie dem letzten Dropdown-Menü etwas wie einen Ereignis-Listener hinzufügen.

Die zweite Option scheint eleganter und weniger "hackisch". (Persönlich würde ich dieses Problem einfach ignorieren, aber wenn ich wählen muss, würde ich für die zweite Option gehen)

Ich habe das gleiche Problem! Das Entfernen von Überlaufeigenschaften in component.css wurde behoben.

Oder fügen Sie es zu Ihrer custom.css hinzu (aufgerufen nach dem Bootstrap)

Das hat bei mir funktioniert: Datatable + fixed headers + bootstrap dropdown in header

Nach allen anderen benutzerdefinierten css hinzugefügt

Überschreiben DataTable CSS-Regel für den .dataTables_scrollHead Selektor funktionierte für mich