mtable-columnlines-single-mtable-dynamic.html (2249B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>Test MathML columnlines</title> 5 <link rel="match" href="mtable-columnlines-single-ref.html"/> 6 <script type="text/javascript"> 7 function doTest() 8 { 9 var table1 = document.getElementById("table1"); 10 var table2 = document.getElementById("table2"); 11 12 // Table 1 setup 13 table1.setAttribute("columnlines", "solid"); 14 // Table 2 setup 15 table2.setAttribute("columnlines", "dashed"); 16 17 document.documentElement.removeAttribute("class"); 18 } 19 document.documentElement.addEventListener("TestRendered", doTest); 20 </script> 21 </head> 22 <body> 23 <b>columnlines="solid"</b> <br /> 24 <math> 25 <mstyle> 26 <mtable id="table1"> 27 <mtr> 28 <mtd> 29 <mtext>a</mtext> 30 </mtd> 31 <mtd> 32 <mtext>b</mtext> 33 </mtd> 34 <mtd> 35 <mtext>c</mtext> 36 </mtd> 37 </mtr> 38 <mtr> 39 <mtd> 40 <mtext>d</mtext> 41 </mtd> 42 43 <mtd> 44 <mtext>e</mtext> 45 </mtd> 46 <mtd> 47 <mtext>f</mtext> 48 </mtd> 49 </mtr> 50 <mtr> 51 <mtd> 52 <mtext>g</mtext> 53 </mtd> 54 <mtd> 55 <mtext>h</mtext> 56 </mtd> 57 <mtd> 58 <mtext>i</mtext> 59 </mtd> 60 </mtr> 61 </mtable> 62 </mstyle> 63 </math> <br /> 64 <b>columnlines="dashed"</b> <br /> 65 <math> 66 <mstyle> 67 <mtable id="table2"> 68 <mtr> 69 <mtd> 70 <mtext>a</mtext> 71 </mtd> 72 <mtd> 73 <mtext>b</mtext> 74 </mtd> 75 <mtd> 76 <mtext>c</mtext> 77 </mtd> 78 </mtr> 79 <mtr> 80 <mtd> 81 <mtext>d</mtext> 82 </mtd> 83 84 <mtd> 85 <mtext>e</mtext> 86 </mtd> 87 <mtd> 88 <mtext>f</mtext> 89 </mtd> 90 </mtr> 91 <mtr> 92 <mtd> 93 <mtext>g</mtext> 94 </mtd> 95 <mtd> 96 <mtext>h</mtext> 97 </mtd> 98 <mtd> 99 <mtext>i</mtext> 100 </mtd> 101 </mtr> 102 </mtable> 103 </mstyle> 104 </math> <br /> 105 </body> 106 </html>