// DATA_TEMPLATE: js_data oTest.fnStart( "asStripClasses" ); $(document).ready( function () { /* Check the default */ $('#example').dataTable( { "aaData": gaaData } ); oTest.fnTest( "Default row striping is applied", null, function () { return $('#example tbody tr:eq(0)').hasClass('odd') && $('#example tbody tr:eq(1)').hasClass('even') && $('#example tbody tr:eq(2)').hasClass('odd') && $('#example tbody tr:eq(3)').hasClass('even'); } ); oTest.fnTest( "Row striping on the second page", function () { $('#example_next').click(); }, function () { return $('#example tbody tr:eq(0)').hasClass('odd') && $('#example tbody tr:eq(1)').hasClass('even') && $('#example tbody tr:eq(2)').hasClass('odd') && $('#example tbody tr:eq(3)').hasClass('even'); } ); /* No striping */ oTest.fnTest( "No row striping", function () { oSession.fnRestore(); $('#example').dataTable( { "aaData": gaaData, "asStripClasses": [] } ); }, function () { return $('#example tbody tr:eq(0)')[0].className == "" && $('#example tbody tr:eq(1)')[0].className == "" && $('#example tbody tr:eq(2)')[0].className == "" && $('#example tbody tr:eq(3)')[0].className == ""; } ); /* Custom striping */ oTest.fnTest( "Custom striping [2]", function () { oSession.fnRestore(); $('#example').dataTable( { "aaData": gaaData, "asStripClasses": [ 'test1', 'test2' ] } ); }, function () { return $('#example tbody tr:eq(0)').hasClass('test1') && $('#example tbody tr:eq(1)').hasClass('test2') && $('#example tbody tr:eq(2)').hasClass('test1') && $('#example tbody tr:eq(3)').hasClass('test2'); } ); /* long array of striping */ oTest.fnTest( "Custom striping [4]", function () { oSession.fnRestore(); $('#example').dataTable( { "aaData": gaaData, "asStripClasses": [ 'test1', 'test2', 'test3', 'test4' ] } ); }, function () { return $('#example tbody tr:eq(0)').hasClass('test1') && $('#example tbody tr:eq(1)').hasClass('test2') && $('#example tbody tr:eq(2)').hasClass('test3') && $('#example tbody tr:eq(3)').hasClass('test4'); } ); oTest.fnTest( "Custom striping is restarted on second page [2]", function () { $('#example_next').click(); }, function () { return $('#example tbody tr:eq(0)').hasClass('test1') && $('#example tbody tr:eq(1)').hasClass('test2') && $('#example tbody tr:eq(2)').hasClass('test3') && $('#example tbody tr:eq(3)').hasClass('test4'); } ); oTest.fnComplete(); } );