Adding jQuery UI Combobox to datatable footer and setting scrollX: true, hides the dropdown list

daparth

Hello,

I have been trying to make a Datatable like so ( http://datatables.net/examples/api/multi_filter_select.html ), the difference with my datatable is that in the initComplete I add jQuery UI combobox ( https://jqueryui.com/autocomplete/#combobox ).

It works as expected.

The problem occurs when I set scrollX: true. When the combobox drops down to show the options, the options gets restricted under a div with class 'dataTables_scrollFoot', so I'm unable to see the full drop down. It can be seen here ( https://www.dropbox.com/s/9ixwe1i4viwq5s9/Screenshot%202015-04-15%2010.28.20.png?dl=0 )

Is there a way around for this? I can't say surely but I kind of remember reading some where on the forum or in the documentation that integrating such widgets might make the datatables behave oddly.