ColVis in a dialog window

dewayne

Hello all...Allan, what I'm seeing with DataTables and kin so far is marvelous...Hope I can get it to work like I want...

Anyway....I have one instance where the table I'm displaying is in a jQuery dialog window. Everything seems to work except that the checkboxes for ColVis display on the main page when enabled instead of the dialog window. I've made efforts to peruse all of the doc and relevant posts here, but haven't yet found anything similar.

Is there a way to force where the checkboxes are displayed?

Thanks in advance...

allan

Can you give us a link to a demo of this please? I'm not quite sure I follow. Might it just be a z-index issue?

Allan

dewayne

Wish I could, but the app is behind a firewall right now...

Crux is that I have a table that is being displayed in a jQuery dialog 'popup' window. The main page displayed in the browser is a div-formatted display of entries. Clicking on an entry generates a server call for data which is returned in XML format and processed against XSLT and the resulting HTML placed in a div which is then displayed via jQuery dialog. When DataTables, etc., is initialized, all of the proper controls are in the popup. When you click on show/hide, the checkboxes show up on the main page instead of the popup window where they are associated.

The new divs built for the 'collection' are not within the div defined as the dialog window...

Best I can do at the moment are a couple of screenshots...
1st is what the browser looks like after clicking the show/hide button once...
http://www.dewaynethomas.net/pics/datatables.jpg

2nd is a pic of firebug showing the structure of the code...
http://www.dewaynethomas.net/pics/firebug.png

Hoping that these pics might be of some enlightenment...Thanks for responding...

D.

allan

Thanks for the picture - they would suggest that for some reason that the offset calculated by ColVis for it's sub menu is dodgy when in an absolutely positioned element (or is it fixed positioning?). ColVis will automatically add a position: absolute; to its floating layout. It might be worth trying to modify that in Firebug to relative and see if that helps.

Allan

dewayne

Hi again, Allan...
Tried changing the positioning, but no luck. I'm certainly no expert, but from what I'm seeing, since the collection elements are being created outside of the div that's being used for the dialog box, the won't display there...I'm trying some mods to the plugin to see if I can force it to use pre-defined DIVs for the collection materials...

Getting them initialized worked fine, but 'show' must moved them out to the main body, so looking at that now...

Thanks again...I'll update on what I find...

D.