<!-- preamble start -->
<!DOCTYPE html> 
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tinytable_m4thvn8u3cwpmj8hiuwk</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
<!-- preamble end -->

    <script>
      function styleCell_m4thvn8u3cwpmj8hiuwk(i, j, css_id) {
        var table = document.getElementById("tinytable_m4thvn8u3cwpmj8hiuwk");
        table.rows[i].cells[j].classList.add(css_id);
      }
      function insertSpanRow_evu8i6m1snsv5kmmasu3(i, colspan, content) {
        var table = document.getElementById('tinytable_m4thvn8u3cwpmj8hiuwk');
        var newRow = table.insertRow(i);
        var newCell = newRow.insertCell(0);
        newCell.setAttribute("colspan", colspan);
        // newCell.innerText = content;
        // this may be unsafe, but innerText does not interpret <br>
        newCell.innerHTML = content;
      }
      function spanCell_m4thvn8u3cwpmj8hiuwk(i, j, rowspan, colspan) {
        var table = document.getElementById("tinytable_m4thvn8u3cwpmj8hiuwk");
        const targetRow = table.rows[i];
        const targetCell = targetRow.cells[j];
        for (let r = 0; r < rowspan; r++) {
          // Only start deleting cells to the right for the first row (r == 0)
          if (r === 0) {
            // Delete cells to the right of the target cell in the first row
            for (let c = colspan - 1; c > 0; c--) {
              if (table.rows[i + r].cells[j + c]) {
                table.rows[i + r].deleteCell(j + c);
              }
            }
          }
          // For rows below the first, delete starting from the target column
          if (r > 0) {
            for (let c = colspan - 1; c >= 0; c--) {
              if (table.rows[i + r] && table.rows[i + r].cells[j]) {
                table.rows[i + r].deleteCell(j);
              }
            }
          }
        }
        // Set rowspan and colspan of the target cell
        targetCell.rowSpan = rowspan;
        targetCell.colSpan = colspan;
      }
window.addEventListener('load', function () { insertSpanRow_evu8i6m1snsv5kmmasu3(3, 5, 'hello world') });
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(0, 0, 'tinytable_css_idjelmvubahbw3b3gkec4r') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(0, 1, 'tinytable_css_idv77onzdtjce0avms11uh') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(0, 2, 'tinytable_css_idpunglysdsrq8ksvbtx6k') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(0, 3, 'tinytable_css_idpunglysdsrq8ksvbtx6k') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(0, 4, 'tinytable_css_idpunglysdsrq8ksvbtx6k') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(1, 0, 'tinytable_css_id7eqhzcv7sizz32zmnli7') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(1, 1, 'tinytable_css_idxpfcf0a7hf5qtl5lvuyh') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(1, 2, 'tinytable_css_id7eqhzcv7sizz32zmnli7') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(1, 3, 'tinytable_css_id7eqhzcv7sizz32zmnli7') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(1, 4, 'tinytable_css_id7eqhzcv7sizz32zmnli7') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(2, 0, 'tinytable_css_id0gay8omxmz5hgo5gx59n') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(2, 1, 'tinytable_css_idkhg4ulacosfykozh0tyd') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(3, 0, 'tinytable_css_idq9c44y6zof2wjfhsi1fs') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(3, 1, 'tinytable_css_idkhg4ulacosfykozh0tyd') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(4, 0, 'tinytable_css_id0gay8omxmz5hgo5gx59n') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(4, 1, 'tinytable_css_idkhg4ulacosfykozh0tyd') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(5, 0, 'tinytable_css_idt3cly3vfyzsumx32js8n') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(5, 1, 'tinytable_css_idkhg4ulacosfykozh0tyd') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(6, 0, 'tinytable_css_idt3cly3vfyzsumx32js8n') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(6, 1, 'tinytable_css_idkhg4ulacosfykozh0tyd') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(7, 0, 'tinytable_css_idt3cly3vfyzsumx32js8n') })
window.addEventListener('load', function () { styleCell_m4thvn8u3cwpmj8hiuwk(7, 1, 'tinytable_css_idkhg4ulacosfykozh0tyd') })
    </script>

    <style>
    .table td.tinytable_css_idjelmvubahbw3b3gkec4r, .table th.tinytable_css_idjelmvubahbw3b3gkec4r {  text-align: center;  border-bottom: solid 0.05em #d3d8dc; }
    .table td.tinytable_css_idv77onzdtjce0avms11uh, .table th.tinytable_css_idv77onzdtjce0avms11uh {  font-style: italic;  text-align: center;  border-bottom: solid 0.05em #d3d8dc; }
    .table td.tinytable_css_idpunglysdsrq8ksvbtx6k, .table th.tinytable_css_idpunglysdsrq8ksvbtx6k {  text-align: center; }
    .table td.tinytable_css_id7eqhzcv7sizz32zmnli7, .table th.tinytable_css_id7eqhzcv7sizz32zmnli7 {  border-bottom: solid 0.1em #d3d8dc; }
    .table td.tinytable_css_idxpfcf0a7hf5qtl5lvuyh, .table th.tinytable_css_idxpfcf0a7hf5qtl5lvuyh {  font-style: italic;  border-bottom: solid 0.1em #d3d8dc; }
    .table td.tinytable_css_id0gay8omxmz5hgo5gx59n, .table th.tinytable_css_id0gay8omxmz5hgo5gx59n {  font-weight: bold; padding-left: 1em; }
    .table td.tinytable_css_idkhg4ulacosfykozh0tyd, .table th.tinytable_css_idkhg4ulacosfykozh0tyd {  font-style: italic; }
    .table td.tinytable_css_idq9c44y6zof2wjfhsi1fs, .table th.tinytable_css_idq9c44y6zof2wjfhsi1fs {  font-weight: bold; }
    .table td.tinytable_css_idt3cly3vfyzsumx32js8n, .table th.tinytable_css_idt3cly3vfyzsumx32js8n { padding-left: 1em; }
    </style>
    <div class="container">
      <table class="table table-borderless" id="tinytable_m4thvn8u3cwpmj8hiuwk" style="width: auto; margin-left: auto; margin-right: auto;" data-quarto-disable-processing='true'>
        <thead>
<tr>
<th scope="col" align="center" colspan=2>foo</th>
<th scope="col" align="center" colspan=2>bar</th>
<th scope="col" align="center" colspan=1> </th>
</tr>
        
              <tr>
                <th scope="col">mpg</th>
                <th scope="col">cyl</th>
                <th scope="col">disp</th>
                <th scope="col">hp</th>
                <th scope="col">drat</th>
              </tr>
        </thead>
        
        <tbody>
                <tr>
                  <td>3.142</td>
                  <td>6</td>
                  <td>160</td>
                  <td>110</td>
                  <td>3.900</td>
                </tr>
                <tr>
                  <td>21.000</td>
                  <td>6</td>
                  <td>160</td>
                  <td>110</td>
                  <td>3.900</td>
                </tr>
                <tr>
                  <td>22.800</td>
                  <td>4</td>
                  <td>108</td>
                  <td> 93</td>
                  <td>3.850</td>
                </tr>
                <tr>
                  <td>21.400</td>
                  <td>6</td>
                  <td>258</td>
                  <td>110</td>
                  <td>3.080</td>
                </tr>
                <tr>
                  <td>18.700</td>
                  <td>8</td>
                  <td>360</td>
                  <td>175</td>
                  <td>3.150</td>
                </tr>
        </tbody>
      </table>
    </div>
<!-- postamble start -->
  </body>

</html>
<!-- postamble end -->
<!-- hack to avoid NA insertion in last line -->
