Overlapping of Select Tag Scrollbar and Scroller Plugins

jhaaayy

Hi Guys, I'm wondering how to fix the overlapping issue in my work right now.

In my ajax i have a scroller, so I'm using this command :

scrollY: "55vh",
scrollX: "100%",
scrollCollapse: true,
paging: true,
scroller: {
loadingIndicator: true
},

However, I have 2 table header and the other 1 is using multiselect bootstrap, If I comment the ajax scroller, select tag is not overlapping but if I uncomment it, datatable ( tbody is overlapping with the select tag) tried to use z-index on css but it didn't resolve it.

css code:

.multiselect-container{
height:48vh;
width:100%;
overflow-y:scroll !important;
z-index: 2 !important;
}

hope someone help me. Thanks!

colin

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin