Anzeigefehler bei Plugin

[Fugel]

Hallo Leute,

ich verwende folgendes Plugin um eine Tabelle zu filtern. Leider hab ich das Problem, dass mir bei einem Filter der nur noch sehr wenige Ergebnisse anzeigt, das Dropdown vom umliegenden DIV abgeschnitten wird und ich somit scrollen muss.

Plugin: https://github.com/chestercharles/excel-bootstrap-table-filter

Hier mal ein Screenshot was genau passiert:

Hat jemand eine Idee wie ich diesen Fehler beheben kann?

 

[Myhar]

Da ist wohl die Höhe von dem umgebenden Bereich zu klein. Da wird alles, was darüber hinausragt, abgeschnitten. Schau mal für welche Elemente auf der Seite overflow: hidden definiert ist.

 

[Fugel]

Moin Myhar,

also ich hab jetzt gesehen, dass es am .table-responsive von Bootstrap liegt, da ist ein overflow-x: auto; hinterlegt. Leider benötige ich es, da die Tabelle sehr breit ist. Hast du eine Idee für ein alternativen weg?

 

[Myhar]

Du kannst natürlich auch die Tabelle hier höher machen, dann wird auch nichts abgeschnitten. Oder du verschiebst den HTML Teil der dieses Dropdown generiert aus der Tabelle hinaus.

 

[Fugel]

Du kannst natürlich auch die Tabelle hier höher machen, dann wird auch nichts abgeschnitten.

So mache ich es aktuell, jedoch finde ich es nicht sehr schön

Oder du verschiebst den HTML Teil der dieses Dropdown generiert aus der Tabelle hinaus.

Keine Ahnung wie ich das anstellen soll, da ja alles vom Plugin generiert wird.

 

[Myhar]

Das Plugin gibt tatsächlich keine Möglichkeit das zu verschieben. Es macht auch keinen Sinn die Elemente woanders hin zu schieben, auch mit einem anderen Plugin oder einer selbstgeschriebenen Lösung nicht.
Für eine Lösung musst du dich entscheiden: Tabelle größer, overflow:hidden entfernen oder ein anderes Plugin / Layout / selbst geschriebene Lösung (je nach können und verfügbarkeit)

 

[Fugel]

Danke dir für deine Mühe, dann komm ich wohl ums selber machen nicht drum rum