Select inputs disappear after making a selection

jpike

I'm new to DataTables. I started with just the example code for the select inputs column filtering. I attempted to make a couple changes for my particular use case.

Basically, what I'm trying to accomplish is to have a 300px tall, scrollable table, with a select input on one column, placed in the thead rather than the tfoot.

This example here illustrates the problem I'm running into.
http://live.datatables.net/gimugec/1/edit?js,output

It all appears to work fine, except that when you make a selection from the dropdown, the dropdown then disappears. As I said, I'm new to DataTables, and a JS novice. Any solutions, or even just pointing me in the right direction would be most appreciated. Thanks.

jpike

Okay, so I "fixed" it... or anyway, I avoided the problem.

I just didn't use the dataTables scrollY option to to make the table scrollable. Instead I did it in my css.

.myTable {
    height: 300px;
    overflow: auto;
}

And without using the scrollY option, I didn't run into the disappearing select dropdown.