1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
|
// DATA_TEMPLATE: 6776
oTest.fnStart( "Actions on a scrolling table keep width" );
$(document).ready( function () {
var oTable = $('#example').dataTable( {
"bFilter": true,
"bSort": true,
"sScrollY": "100px",
"bPaginate": false
} );
var iWidth = $('div.dataTables_wrapper').width();
oTest.fnTest(
"First sort has no effect on width",
function () { $('th:eq(1)').click(); },
function () { return $('div.dataTables_wrapper').width() == iWidth; }
);
oTest.fnTest(
"Second sort has no effect on width",
function () { $('th:eq(1)').click(); },
function () { return $('div.dataTables_wrapper').width() == iWidth; }
);
oTest.fnTest(
"Third sort has no effect on width",
function () { $('th:eq(2)').click(); },
function () { return $('div.dataTables_wrapper').width() == iWidth; }
);
oTest.fnTest(
"Filter has no effect on width",
function () { oTable.fnFilter('i'); },
function () { return $('div.dataTables_wrapper').width() == iWidth; }
);
oTest.fnTest(
"Filter 2 has no effect on width",
function () { oTable.fnFilter('in'); },
function () { return $('div.dataTables_wrapper').width() == iWidth; }
);
oTest.fnTest(
"No result filter has header and body at same width",
function () { oTable.fnFilter('xxx'); },
function () { return $('#example').width() == $('div.dataTables_scrollHeadInner').width(); }
);
oTest.fnTest(
"Filter with no results has no effect on width",
function () { oTable.fnFilter('xxx'); },
function () { return $('div.dataTables_wrapper').width() == iWidth; }
);
oTest.fnTest(
"Filter with no results has table equal to wrapper width",
function () { oTable.fnFilter('xxx'); },
function () { return $('div.dataTables_wrapper').width() == $('#example').width(); }
);
oTest.fnComplete();
} );
|