hey guys, so ive been using datatables v1.9 recently, and found one of its new plugins ColVis. I added the function to me webpage but its messing up my page.
When i click on the 'Show/Hide Column' button (first time) the drop down appears and I am able to show/hise my column and when i click it a second time the drop down disappears like it should but then(after the second click) the other elements on my page just stops functioning(e.g anchor tag,button) even the show/hide button itself can't be clicked.
I didn't even play around with ColVis.js or ColVis.css
<link rel="stylesheet" type="text/css" href="css/style.css" media="all">
<link rel="stylesheet" type="text/css" href="css/dataTables.tableTools.css" media="all">
<link rel="stylesheet" type="text/css"src="css/jquery.dataTables.css" media="all">
<link rel="stylesheet" type="text/css"src="css/ColVis.css" media="all">
<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.js"></script><!--jquery ui-->
<script type="text/javascript" src="js/jquery-1.10.2.js"></script><!--jquery-->
<script type="text/javascript" src="js/jquery.dataTables 1.9.js"></script>
<script type="text/javascript" src="js/dataTables.tableTools.js"></script>
<script type="text/javascript" src="js/ColVis.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//initialise the table
var oTable=$("#contactlist").dataTable(
{
"sScrollY": "200px",
"bPaginate": false,
"bScrollCollapse": true,
"sDom": 'C<"clear">lfrtip',
"oColvis":{
"aiExclude":[0]
}
});
});
</script>
Help please?