Colvis in IE
Colvis in IE
infoheights
Posts: 7Questions: 0Answers: 0
This problem refers to the link http://www.infoheights.com/AOA/UserModule/index.html
I can see the Colvis working fine in chrome, but not in IE. What am i doing wrong. Your Colvis example works fine in IE though... Here is my code ..
[code]
var oTable = $('#studenttable').dataTable({
"bJQueryUI":"true",
"sDom": '<"row-fluid"<"span4"C><"span4 lineitemcheckbox"><"span3"l>r><"row-fluid"<"span4 actiondropdown"><"span4"f><"span4 advsearch">><"row-fluid"<"span12 newrecordbutton">><"datatable-scroll"t><"row-fluid"<"span12"i><"span12 center"p>>',
"oColVis": {
"aiExclude": [ 0,1 ],
"sAlign": "left"
},
"sPaginationType": "bootstrap",
"bJQueryUI": true,
// Disable sorting on the first column
"aoColumnDefs" : [ {
'bSortable' : false,
'aTargets' : [ 0 ]
} ],
"oLanguage": {
"sLengthMenu": "_MENU_ records per page"
},
"sScrollX":"100%",
/* "sScrollXInner": "110%",*/
"sScrollY": ( 0.6 * $(window).height() ),
"bScrollCollapse": true,
"bAutoWidth":false,
"bSortCellsTop": true
} );
//.fnDraw()
//.fnAdjustColumnSizing()
//oTable.fnAdjustColumnSizing();
var asInitVals = new Array();
$("tfoot input").keyup( function () {
/* Filter on the column (the index) of this element */
//alert($("tfoot input").index(this));
//var i = $("tfoot input").index(this);
oTable.fnFilter( this.value, ($("tfoot input").index(this))+1 );
} );
/*
* Support functions to provide a little bit of 'user friendlyness' to the textboxes in
* the footer*/
$("tfoot input").each( function (i) {
asInitVals[i] = this.value;
} );
$("tfoot input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("tfoot input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
} );
//oTable.fnAdjustColumnSizing();
setTimeout(function ()
{
oTable.fnAdjustColumnSizing();
}, 10 );
oTable.fnDraw();
var asInitVals1 = new Array();
$("thead input[type=text]").keyup( function () {
/* Filter on the column (the index) of this element */
//alert($("tfoot input").index(this));
//var i = $("tfoot input").index(this);
oTable.fnFilter( this.value, ($("thead input[type=text]").index(this))+1 );
} );
/*
* Support functions to provide a little bit of 'user friendlyness' to the textboxes in
* the footer*/
$("thead input").each( function (i) {
//alert('came here');
asInitVals1[i] = this.value;
} );
$("thead input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("thead input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals1[$("thead input").index(this)];
}
} );
$("div.advsearch").html('Advanced Search
');
$("div.actiondropdown").html('Actions Option 1Option 2Option 3Option 4Option 5');
$("div.sortdropdown").html('Sort IndividualSequentialOriginal');
$("div.lineitemcheckbox").html('Show Line Item Records ');
$("div.newrecordbutton").html(' Create a new record
');
[/code]
I can see the Colvis working fine in chrome, but not in IE. What am i doing wrong. Your Colvis example works fine in IE though... Here is my code ..
[code]
var oTable = $('#studenttable').dataTable({
"bJQueryUI":"true",
"sDom": '<"row-fluid"<"span4"C><"span4 lineitemcheckbox"><"span3"l>r><"row-fluid"<"span4 actiondropdown"><"span4"f><"span4 advsearch">><"row-fluid"<"span12 newrecordbutton">><"datatable-scroll"t><"row-fluid"<"span12"i><"span12 center"p>>',
"oColVis": {
"aiExclude": [ 0,1 ],
"sAlign": "left"
},
"sPaginationType": "bootstrap",
"bJQueryUI": true,
// Disable sorting on the first column
"aoColumnDefs" : [ {
'bSortable' : false,
'aTargets' : [ 0 ]
} ],
"oLanguage": {
"sLengthMenu": "_MENU_ records per page"
},
"sScrollX":"100%",
/* "sScrollXInner": "110%",*/
"sScrollY": ( 0.6 * $(window).height() ),
"bScrollCollapse": true,
"bAutoWidth":false,
"bSortCellsTop": true
} );
//.fnDraw()
//.fnAdjustColumnSizing()
//oTable.fnAdjustColumnSizing();
var asInitVals = new Array();
$("tfoot input").keyup( function () {
/* Filter on the column (the index) of this element */
//alert($("tfoot input").index(this));
//var i = $("tfoot input").index(this);
oTable.fnFilter( this.value, ($("tfoot input").index(this))+1 );
} );
/*
* Support functions to provide a little bit of 'user friendlyness' to the textboxes in
* the footer*/
$("tfoot input").each( function (i) {
asInitVals[i] = this.value;
} );
$("tfoot input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("tfoot input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
} );
//oTable.fnAdjustColumnSizing();
setTimeout(function ()
{
oTable.fnAdjustColumnSizing();
}, 10 );
oTable.fnDraw();
var asInitVals1 = new Array();
$("thead input[type=text]").keyup( function () {
/* Filter on the column (the index) of this element */
//alert($("tfoot input").index(this));
//var i = $("tfoot input").index(this);
oTable.fnFilter( this.value, ($("thead input[type=text]").index(this))+1 );
} );
/*
* Support functions to provide a little bit of 'user friendlyness' to the textboxes in
* the footer*/
$("thead input").each( function (i) {
//alert('came here');
asInitVals1[i] = this.value;
} );
$("thead input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("thead input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals1[$("thead input").index(this)];
}
} );
$("div.advsearch").html('Advanced Search
');
$("div.actiondropdown").html('Actions Option 1Option 2Option 3Option 4Option 5');
$("div.sortdropdown").html('Sort IndividualSequentialOriginal');
$("div.lineitemcheckbox").html('Show Line Item Records ');
$("div.newrecordbutton").html(' Create a new record
');
[/code]
This discussion has been closed.
Replies
Allan