Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /mathml/tables/tablespacing-5a.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>Dynamic tests involving changes to row/column/framespacing</title>
<meta charset="utf-8"/>
<link rel="match" href="tablespacing-5a-ref.html"/>
</head>
<body>
<math>
<mtable id="mtable0" rowspacing="2ex 3ex" columnspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<math>
<mtable id="mtable1" columnspacing="2em 3em" rowspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<math>
<mtable id="mtable2" framespacing="2em 2ex" frame="solid" rowspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<math>
<mtable id="mtable3" columspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<math>
<mtable id="mtable4" rowspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<math>
<mtable id="mtable5" frame="solid" rowspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<math>
<mtable id="mtable6" frame="none" rowspacing="">
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
<mtr>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
<mtd>
<mn>X</mn>
</mtd>
</mtr>
</mtable>
</math>
<p>
<script>
function doTest() {
// remove spacing attributes
document.getElementById("mtable0").removeAttribute("rowspacing");
document.getElementById("mtable1").removeAttribute("columnspacing");
document.getElementById("mtable2").removeAttribute("framespacing");
// add spacing attributes
document.getElementById("mtable3").setAttribute("rowspacing", "2ex 4ex");
document.getElementById("mtable4").setAttribute("columnspacing", "2em 3em");
document.getElementById("mtable5").setAttribute("framespacing", "2em 2ex");
// framespacing doesn't apply with frame="none"
document.getElementById("mtable6").setAttribute("framespacing", "2em 2ex");
document.documentElement.removeAttribute("class");
}
document.documentElement.addEventListener("TestRendered", doTest);
</script>
</body>
</html>