1 // DATA_TEMPLATE: empty_table
2 oTest.fnStart( "asStripeClasses" );
4 $(document).ready( function () {
5 /* Check the default */
6 $('#example').dataTable( {
7 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt"
11 "Default row striping is applied",
14 return $('#example tbody tr:eq(0)').hasClass('odd') &&
15 $('#example tbody tr:eq(1)').hasClass('even') &&
16 $('#example tbody tr:eq(2)').hasClass('odd') &&
17 $('#example tbody tr:eq(3)').hasClass('even');
22 "Row striping on the second page",
23 function () { $('#example_next').click(); },
25 return $('#example tbody tr:eq(0)').hasClass('odd') &&
26 $('#example tbody tr:eq(1)').hasClass('even') &&
27 $('#example tbody tr:eq(2)').hasClass('odd') &&
28 $('#example tbody tr:eq(3)').hasClass('even');
37 $('#example').dataTable( {
38 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt",
43 if ( typeof $('#example tbody tr:eq(1)')[0] == 'undefined' )
45 /* Use the 'wait for' to allow this to become true */
48 return $('#example tbody tr:eq(0)')[0].className == "" &&
49 $('#example tbody tr:eq(1)')[0].className == "" &&
50 $('#example tbody tr:eq(2)')[0].className == "" &&
51 $('#example tbody tr:eq(3)')[0].className == "";
57 "Custom striping [2]",
60 $('#example').dataTable( {
61 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt",
62 "asStripeClasses": [ 'test1', 'test2' ]
66 return $('#example tbody tr:eq(0)').hasClass('test1') &&
67 $('#example tbody tr:eq(1)').hasClass('test2') &&
68 $('#example tbody tr:eq(2)').hasClass('test1') &&
69 $('#example tbody tr:eq(3)').hasClass('test2');
74 /* long array of striping */
76 "Custom striping [4]",
79 $('#example').dataTable( {
80 "sAjaxSource": "../../../examples/ajax/sources/arrays.txt",
81 "asStripeClasses": [ 'test1', 'test2', 'test3', 'test4' ]
85 return $('#example tbody tr:eq(0)').hasClass('test1') &&
86 $('#example tbody tr:eq(1)').hasClass('test2') &&
87 $('#example tbody tr:eq(2)').hasClass('test3') &&
88 $('#example tbody tr:eq(3)').hasClass('test4');
93 "Custom striping is restarted on second page [2]",
94 function () { $('#example_next').click(); },
96 return $('#example tbody tr:eq(0)').hasClass('test1') &&
97 $('#example tbody tr:eq(1)').hasClass('test2') &&
98 $('#example tbody tr:eq(2)').hasClass('test3') &&
99 $('#example tbody tr:eq(3)').hasClass('test4');