[1] "<!DOCTYPE html> \n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>tinytable_xnclv9tvdcq09jxgyitf</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    <style>\n.table td.tinytable_css_4or5kg1sue01fe9hmaas, .table th.tinytable_css_4or5kg1sue01fe9hmaas {    border-bottom: solid 0.1em #d3d8dc; }\n    </style>\n    <script src=\"https://polyfill.io/v3/polyfill.min.js?features=es6\"></script>\n    <script id=\"MathJax-script\" async src=\"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js\"></script>\n    <script>\n    MathJax = {\n      tex: {\n        inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]\n      },\n      svg: {\n        fontCache: 'global'\n      }\n    };\n    </script>\n  </head>\n\n  <body>\n    <div class=\"container\">\n      <table class=\"table table-borderless\" id=\"tinytable_xnclv9tvdcq09jxgyitf\" style=\"width: auto; margin-left: auto; margin-right: auto;\" data-quarto-disable-processing='true'>\n        <thead>\n        \n              <tr>\n                <th scope=\"col\">LaTeX</th>\n                <th scope=\"col\">HTML</th>\n              </tr>\n        </thead>\n        \n        <tbody>\n                <tr>\n                  <td>Dollars $</td>\n                  <td>&lt;br&gt;</td>\n                </tr>\n                <tr>\n                  <td>Percent %</td>\n                  <td>&lt;sup&gt;4&lt;/sup&gt;</td>\n                </tr>\n                <tr>\n                  <td>Underscore _</td>\n                  <td>&lt;emph&gt;blah&lt;/emph&gt;</td>\n                </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js\"></script>\n    <script>\n      function styleCell_tinytable_mj8hiuwkqnddps3hrarw(i, j, css_id) {\n        var table = document.getElementById(\"tinytable_xnclv9tvdcq09jxgyitf\");\n        table.rows[i].cells[j].classList.add(css_id);\n      }\n      function spanCell_tinytable_mj8hiuwkqnddps3hrarw(i, j, rowspan, colspan) {\n        var table = document.getElementById(\"tinytable_xnclv9tvdcq09jxgyitf\");\n        const targetRow = table.rows[i];\n        const targetCell = targetRow.cells[j];\n        for (let r = 0; r < rowspan; r++) {\n          // Only start deleting cells to the right for the first row (r == 0)\n          if (r === 0) {\n            // Delete cells to the right of the target cell in the first row\n            for (let c = colspan - 1; c > 0; c--) {\n              if (table.rows[i + r].cells[j + c]) {\n                table.rows[i + r].deleteCell(j + c);\n              }\n            }\n          }\n          // For rows below the first, delete starting from the target column\n          if (r > 0) {\n            for (let c = colspan - 1; c >= 0; c--) {\n              if (table.rows[i + r] && table.rows[i + r].cells[j]) {\n                table.rows[i + r].deleteCell(j);\n              }\n            }\n          }\n        }\n        // Set rowspan and colspan of the target cell\n        targetCell.rowSpan = rowspan;\n        targetCell.colSpan = colspan;\n      }\n\nwindow.addEventListener('load', function () { styleCell_tinytable_mj8hiuwkqnddps3hrarw(0, 0, 'tinytable_css_4or5kg1sue01fe9hmaas') })\nwindow.addEventListener('load', function () { styleCell_tinytable_mj8hiuwkqnddps3hrarw(0, 1, 'tinytable_css_4or5kg1sue01fe9hmaas') })\n    </script>\n\n  </body>\n\n</html>"
