mtable-columnalign-multi-mtr-dynamic.html (3889B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Test MathML columnalign</title> 5 <link rel="match" href="mtable-columnalign-multi-ref.html"/> 6 <script type="text/javascript"> 7 function doTest() 8 { 9 var table1 = document.getElementById("table1"); 10 var table2 = document.getElementById("table2"); 11 var table3 = document.getElementById("table3"); 12 var rows = undefined; 13 14 // Table 1 setup 15 rows = table1.getElementsByTagName("mtr"); 16 for(var i = 0; i < rows.length; i++) 17 rows[i].setAttribute("columnalign", "left center right"); 18 19 // Table 2 setup 20 rows = table2.getElementsByTagName("mtr"); 21 for(var i = 0; i < rows.length; i++) 22 rows[i].setAttribute("columnalign", "right left center"); 23 24 // Table 3 setup 25 rows = table3.getElementsByTagName("mtr"); 26 for(var i = 0; i < rows.length; i++) 27 rows[i].setAttribute("columnalign", "center right left"); 28 29 document.documentElement.removeAttribute("class"); 30 } 31 document.documentElement.addEventListener("TestRendered", doTest); 32 </script> 33 </head> 34 <body> 35 <b>columnalign="left center right"</b> <br /> 36 <math> 37 <mstyle> 38 <mtable id="table1"> 39 <mtr> 40 <mtd> 41 <mtext>123</mtext> 42 </mtd> 43 <mtd> 44 <mtext>123</mtext> 45 </mtd> 46 <mtd> 47 <mtext>123</mtext> 48 </mtd> 49 </mtr> 50 <mtr> 51 <mtd> 52 <mtext>12345</mtext> 53 </mtd> 54 <mtd> 55 <mtext>12345</mtext> 56 </mtd> 57 <mtd> 58 <mtext>12345</mtext> 59 </mtd> 60 </mtr> 61 <mtr> 62 <mtd> 63 <mtext>1234567</mtext> 64 </mtd> 65 <mtd> 66 <mtext>1234567</mtext> 67 </mtd> 68 <mtd> 69 <mtext>1234567</mtext> 70 </mtd> 71 </mtr> 72 </mtable> 73 </mstyle> 74 </math> <br /> 75 <b>columnalign="right left center"</b> <br /> 76 <math> 77 <mstyle> 78 <mtable id="table2"> 79 <mtr> 80 <mtd> 81 <mtext>123</mtext> 82 </mtd> 83 <mtd> 84 <mtext>123</mtext> 85 </mtd> 86 <mtd> 87 <mtext>123</mtext> 88 </mtd> 89 </mtr> 90 <mtr> 91 <mtd> 92 <mtext>12345</mtext> 93 </mtd> 94 <mtd> 95 <mtext>12345</mtext> 96 </mtd> 97 <mtd> 98 <mtext>12345</mtext> 99 </mtd> 100 </mtr> 101 <mtr> 102 <mtd> 103 <mtext>1234567</mtext> 104 </mtd> 105 <mtd> 106 <mtext>1234567</mtext> 107 </mtd> 108 <mtd> 109 <mtext>1234567</mtext> 110 </mtd> 111 </mtr> 112 </mtable> 113 </mstyle> 114 </math> <br /> 115 <b>columnalign="center right left"</b> <br /> 116 <math> 117 <mstyle> 118 <mtable id="table3"> 119 <mtr> 120 <mtd> 121 <mtext>123</mtext> 122 </mtd> 123 <mtd> 124 <mtext>123</mtext> 125 </mtd> 126 <mtd> 127 <mtext>123</mtext> 128 </mtd> 129 </mtr> 130 <mtr> 131 <mtd> 132 <mtext>12345</mtext> 133 </mtd> 134 <mtd> 135 <mtext>12345</mtext> 136 </mtd> 137 <mtd> 138 <mtext>12345</mtext> 139 </mtd> 140 </mtr> 141 <mtr> 142 <mtd> 143 <mtext>1234567</mtext> 144 </mtd> 145 <mtd> 146 <mtext>1234567</mtext> 147 </mtd> 148 <mtd> 149 <mtext>1234567</mtext> 150 </mtd> 151 </mtr> 152 </mtable> 153 </mstyle> 154 </math> 155 </body> 156 </html>