Datatables Column list rendering behind the jQuery Modal Dialog

SKR

Hi,

I have a jQuery modal dialog in which I am rendering a datatable. I am required to use the ColVis plugin in order to dynamically show or hide columns of this datatble. The problem is that when I click on the Show/Hide Columns button, the column list does not render on the modal dialog. It renders behind it! I have to close the dialog in order to see this list. The same thing when implemenetd in a normal page(without a modal dialog) works absolutely fine. Any idea how to fix this?

Thanks,
Swati

SKR

Fixed this by increasing the z-index of the list.

Thanks.