ColReorder and ColVis Compatability issue.
ColReorder and ColVis Compatability issue.
danw82
Posts: 6Questions: 0Answers: 0
Hi all, so far datatables and the plugs are all great however i'm haivng an issue running both ColVis and ColReorder.
ColVis works fine until I move a column with ColReorder and them when trying to use ColVis again the dropdown does no display except for a small white bar at the top.
I suspected it may have been a z-index issue but changing these in ColVis.css didn't make any difference.
Below is the code I'm using for initalising the table. I'm using JQuery UI 'cupertino' but have tried this with bJQueryUI set to true and false.
Any idea's anyone.
Thanks in advance
Dan
[code]
var oTable2 = $('#example').dataTable({
"sDom": 'RCT<"clear"><"H"lfr>t<"F"ip>', //T =TableTools. C=ColVis R=ColReorder
"sPaginationType": "full_numbers",
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": true,
"bStateSave": true,
"bJQueryUI": true,
"bRetrieve": true,
"oColVis":
{
"buttonText": "Change columns",
"activate": "mouseover",
"aiExclude": [0,1]
},
"aoColumnDefs":
[
{ "iDataSort": 0, "aTargets": [-1] }, //sort last col by last
{ "bSortable": false, "aTargets": [0, 1, 2] },
{ "sWidth": "140px", "aTargets": ["Links"] },
{ "asSorting": ["desc", "asc"], "aTargets": [0] },
{ "asSorting": ["asc", "desc"], "aTargets": ["Date"] }
]
});
[/code]
ColVis works fine until I move a column with ColReorder and them when trying to use ColVis again the dropdown does no display except for a small white bar at the top.
I suspected it may have been a z-index issue but changing these in ColVis.css didn't make any difference.
Below is the code I'm using for initalising the table. I'm using JQuery UI 'cupertino' but have tried this with bJQueryUI set to true and false.
Any idea's anyone.
Thanks in advance
Dan
[code]
var oTable2 = $('#example').dataTable({
"sDom": 'RCT<"clear"><"H"lfr>t<"F"ip>', //T =TableTools. C=ColVis R=ColReorder
"sPaginationType": "full_numbers",
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": true,
"bStateSave": true,
"bJQueryUI": true,
"bRetrieve": true,
"oColVis":
{
"buttonText": "Change columns",
"activate": "mouseover",
"aiExclude": [0,1]
},
"aoColumnDefs":
[
{ "iDataSort": 0, "aTargets": [-1] }, //sort last col by last
{ "bSortable": false, "aTargets": [0, 1, 2] },
{ "sWidth": "140px", "aTargets": ["Links"] },
{ "asSorting": ["desc", "asc"], "aTargets": [0] },
{ "asSorting": ["asc", "desc"], "aTargets": ["Date"] }
]
});
[/code]
This discussion has been closed.