bootstrap select not running over table border

aschippers

Hello,

I made a layout with a few select pull down menu's. This works fine, but because we wanted to add some nice icon's in the pulldown menu, i switched over to boostrap-select.

I'm running into a CSS styling issue, wich causes that a pulldown-menu stops at the end of the visible window of datatables (instead of going completely the page down).

Is someone using bootstrap-select? And can someone give me a clue, at least where I've to change something in the CSS of bootstrap-select?

tangerine

There may be a better answer, but have you tried increasing the z-index on your dropdown menu?

aschippers

var select = $('<select id="'+idx+'" class="selectpicker" data-width="fit" data-container="body" title=""><option></option></select>')

did the trick (data-container = body).

aschippers

Thanks for your fast response. The issue was nog z-index, I tried that one first.

aschippers

How can I put this question in answered?

allan

It isn't currently possible in the forum to make your own questions as the answer (something I need to correct). I've done it for you.

Allan