// DATA_TEMPLATE: empty_table
oTest.fnStart( "aoColumns.bVisible" );
$(document).ready( function () {
/* Check the default */
var oTable = $('#example').dataTable( {
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
"aoColumns": [
{ "mData": "engine" },
{ "mData": "browser" },
{ "mData": "platform" },
{ "mData": "version" },
{ "mData": "grade" }
]
} );
var oSettings = oTable.fnSettings();
oTest.fnWaitTest(
"All columns are visible by default",
null,
function () { return $('#example tbody tr:eq(0) td').length == 5; }
);
oTest.fnWaitTest(
"Can hide one column and it removes td column from DOM",
function () {
oSession.fnRestore();
$('#example').dataTable( {
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
"aoColumns": [
{ "mData": "engine" },
{ "mData": "browser", "bVisible": false },
{ "mData": "platform" },
{ "mData": "version" },
{ "mData": "grade" }
]
} );
},
function () { return $('#example tbody tr:eq(0) td').length == 4; }
);
oTest.fnWaitTest(
"Can hide one column and it removes thead th column from DOM",
null,
function () { return $('#example thead tr:eq(0) th').length == 4; }
);
oTest.fnWaitTest(
"The correct thead column has been hidden",
null,
function () {
var jqNodes = $('#example thead tr:eq(0) th');
var bReturn =
jqNodes[0].innerHTML == "Rendering engine" &&
jqNodes[1].innerHTML == "Platform(s)" &&
jqNodes[2].innerHTML == "Engine version" &&
jqNodes[3].innerHTML == "CSS grade";
return bReturn;
}
);
oTest.fnWaitTest(
"The correct tbody column has been hidden",
function () {
oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );
},
function () {
var jqNodes = $('#example tbody tr:eq(0) td');
var bReturn =
jqNodes[0].innerHTML == "Gecko" &&
jqNodes[1].innerHTML == "Gnome" &&
jqNodes[2].innerHTML == "1.8" &&
jqNodes[3].innerHTML == "A";
return bReturn;
}
);
oTest.fnWaitTest(
"Can hide multiple columns and it removes td column from DOM",
function () {
oSession.fnRestore();
$('#example').dataTable( {
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
"aoColumns": [
{ "mData": "engine" },
{ "mData": "browser", "bVisible": false },
{ "mData": "platform", "bVisible": false },
{ "mData": "version" },
{ "mData": "grade", "bVisible": false }
]
} );
},
function () { return $('#example tbody tr:eq(0) td').length == 2; }
);
oTest.fnWaitTest(
"Multiple hide - removes thead th column from DOM",
null,
function () { return $('#example thead tr:eq(0) th').length == 2; }
);
oTest.fnWaitTest(
"Multiple hide - the correct thead columns have been hidden",
null,
function () {
var jqNodes = $('#example thead tr:eq(0) th');
var bReturn =
jqNodes[0].innerHTML == "Rendering engine" &&
jqNodes[1].innerHTML == "Engine version"
return bReturn;
}
);
oTest.fnWaitTest(
"Multiple hide - the correct tbody columns have been hidden",
function () {
oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );
},
function () {
var jqNodes = $('#example tbody tr:eq(0) td');
var bReturn =
jqNodes[0].innerHTML == "Gecko" &&
jqNodes[1].innerHTML == "1"
return bReturn;
}
);
oTest.fnComplete();
} );
|