When I click on Show/Hide Column, the list of columns doesn't show up properly and I can't hide the list either. This is what it looks like:

http://i.imgur.com/0HyhTUQ.png

scope.options = {
"bJQueryUI": true,
"bPaginate": true,
"bLengthChange": true,
"iDisplayLength": 25,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": true,
"bStateSave": true,
"sScrollY": 385,
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true,
"bProcessing": true,
"bDeferRender": true,
"oLanguage": {"sSearch": "Find User: "},
"sDom": '<"H"lfrCTMDR>t<"F"ipS>',
"sPaginationType": "full_numbers",
"oTableTools": {
"sSwfPath": "spDash/app/lib/dataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
"aButtons":[{
"sExtends": "xls",
"sFileName": reportName + ".xls",
"bFooter": false
},{
"sExtends": "pdf",
"sFileName": reportName + ".xls",
"sPdfOrientation": "landscape",
"sPdfMessage": "Your custom message would go here."
},'print']
}
};


var timer = $timeout(function (){
console.log('calling dataTables');
var dataTable = element.dataTable(scope.options);
new $.fn.dataTable.FixedColumns( dataTable ); //fixed column doesn't work as well
},2000);