mtable-columnalign-multi-mtable-dynamic.html (3562B)
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 13 // Table 1 setup 14 table1.setAttribute("columnalign", "left center right"); 15 // Table 2 setup 16 table2.setAttribute("columnalign", "right left center"); 17 // Table 3 setup 18 table3.setAttribute("columnalign", "center right left"); 19 20 document.documentElement.removeAttribute("class"); 21 } 22 document.documentElement.addEventListener("TestRendered", doTest); 23 </script> 24 </head> 25 <body> 26 <b>columnalign="left center right"</b> <br /> 27 <math> 28 <mstyle> 29 <mtable id="table1"> 30 <mtr> 31 <mtd> 32 <mtext>123</mtext> 33 </mtd> 34 <mtd> 35 <mtext>123</mtext> 36 </mtd> 37 <mtd> 38 <mtext>123</mtext> 39 </mtd> 40 </mtr> 41 <mtr> 42 <mtd> 43 <mtext>12345</mtext> 44 </mtd> 45 <mtd> 46 <mtext>12345</mtext> 47 </mtd> 48 <mtd> 49 <mtext>12345</mtext> 50 </mtd> 51 </mtr> 52 <mtr> 53 <mtd> 54 <mtext>1234567</mtext> 55 </mtd> 56 <mtd> 57 <mtext>1234567</mtext> 58 </mtd> 59 <mtd> 60 <mtext>1234567</mtext> 61 </mtd> 62 </mtr> 63 </mtable> 64 </mstyle> 65 </math> <br /> 66 <b>columnalign="right left center"</b> <br /> 67 <math> 68 <mstyle> 69 <mtable id="table2"> 70 <mtr> 71 <mtd> 72 <mtext>123</mtext> 73 </mtd> 74 <mtd> 75 <mtext>123</mtext> 76 </mtd> 77 <mtd> 78 <mtext>123</mtext> 79 </mtd> 80 </mtr> 81 <mtr> 82 <mtd> 83 <mtext>12345</mtext> 84 </mtd> 85 <mtd> 86 <mtext>12345</mtext> 87 </mtd> 88 <mtd> 89 <mtext>12345</mtext> 90 </mtd> 91 </mtr> 92 <mtr> 93 <mtd> 94 <mtext>1234567</mtext> 95 </mtd> 96 <mtd> 97 <mtext>1234567</mtext> 98 </mtd> 99 <mtd> 100 <mtext>1234567</mtext> 101 </mtd> 102 </mtr> 103 </mtable> 104 </mstyle> 105 </math> <br /> 106 <b>columnalign="center right left"</b> <br /> 107 <math> 108 <mstyle> 109 <mtable id="table3"> 110 <mtr> 111 <mtd> 112 <mtext>123</mtext> 113 </mtd> 114 <mtd> 115 <mtext>123</mtext> 116 </mtd> 117 <mtd> 118 <mtext>123</mtext> 119 </mtd> 120 </mtr> 121 <mtr> 122 <mtd> 123 <mtext>12345</mtext> 124 </mtd> 125 <mtd> 126 <mtext>12345</mtext> 127 </mtd> 128 <mtd> 129 <mtext>12345</mtext> 130 </mtd> 131 </mtr> 132 <mtr> 133 <mtd> 134 <mtext>1234567</mtext> 135 </mtd> 136 <mtd> 137 <mtext>1234567</mtext> 138 </mtd> 139 <mtd> 140 <mtext>1234567</mtext> 141 </mtd> 142 </mtr> 143 </mtable> 144 </mstyle> 145 </math> 146 </body> 147 </html>