mirror of
https://github.com/DataTables/DataTables.git
synced 2024-11-30 12:24:10 +01:00
87 lines
2.1 KiB
JavaScript
Executable File
87 lines
2.1 KiB
JavaScript
Executable File
// DATA_TEMPLATE: empty_table
|
|
oTest.fnStart( "aoColumns.sWidth" );
|
|
|
|
/* NOTE - we need to disable the auto width for the majority of these test in order to preform
|
|
* these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests
|
|
* with auto width enabled however to ensure it scales columns as required
|
|
*/
|
|
|
|
$(document).ready( function () {
|
|
/* Check the default */
|
|
var oTable = $('#example').dataTable( {
|
|
"sAjaxSource": "../../../examples/examples_support/json_source.txt",
|
|
"bAutoWidth": false,
|
|
"aoColumns": [
|
|
null,
|
|
{ "sWidth": '40%' },
|
|
null,
|
|
null,
|
|
null
|
|
]
|
|
} );
|
|
var oSettings = oTable.fnSettings();
|
|
|
|
oTest.fnWaitTest(
|
|
"With auto width disabled the width for one column is appled",
|
|
null,
|
|
function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; }
|
|
);
|
|
|
|
oTest.fnWaitTest(
|
|
"With auto width disabled the width for one column is appled",
|
|
function () {
|
|
oSession.fnRestore();
|
|
oTable = $('#example').dataTable( {
|
|
"sAjaxSource": "../../../examples/examples_support/json_source.txt",
|
|
"bAutoWidth": false,
|
|
"aoColumns": [
|
|
null,
|
|
null,
|
|
{ "sWidth": '20%' },
|
|
{ "sWidth": '30%' },
|
|
null
|
|
]
|
|
} );
|
|
},
|
|
function () {
|
|
var bReturn =
|
|
$('#example thead th:eq(2)')[0].style.width == "20%" &&
|
|
$('#example thead th:eq(3)')[0].style.width == "30%";
|
|
return bReturn;
|
|
}
|
|
);
|
|
|
|
|
|
oTest.fnWaitTest(
|
|
"With auto width, it will make the smallest column the largest with percentage width given",
|
|
function () {
|
|
oSession.fnRestore();
|
|
oTable = $('#example').dataTable( {
|
|
"sAjaxSource": "../../../examples/examples_support/json_source.txt",
|
|
"aoColumns": [
|
|
null,
|
|
null,
|
|
null,
|
|
{ "sWidth": '40%' },
|
|
null
|
|
]
|
|
} );
|
|
},
|
|
function () {
|
|
var anThs = $('#example thead th');
|
|
var a0 = anThs[0].offsetWidth;
|
|
var a1 = anThs[1].offsetWidth;
|
|
var a2 = anThs[2].offsetWidth;
|
|
var a3 = anThs[3].offsetWidth;
|
|
var a4 = anThs[4].offsetWidth;
|
|
|
|
if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 )
|
|
return true;
|
|
else
|
|
return false;
|
|
}
|
|
);
|
|
|
|
|
|
oTest.fnComplete();
|
|
} ); |