vincentarelbundock/tinytable_width.html

## tinytable_width.html

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tinytable_c80pijf8rq8f225cdrn6</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
      });
    </script>
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  </head>

  <body>
    <div class="container">
      <table class="table" id="tinytable_c80pijf8rq8f225cdrn6" data-quarto-disable-processing="true">
        <thead>

              <tr>
                <th scope="col">mpg</th>
                <th scope="col">cyl</th>
                <th scope="col">disp</th>
                <th scope="col">hp</th>
              </tr>
        </thead>

        <tbody>
                <tr>
                  <td>21</td>
                  <td>6</td>
                  <td>160</td>
                  <td>110</td>
                </tr>
                <tr>
                  <td>21</td>
                  <td>6</td>
                  <td>160</td>
                  <td>110</td>
                </tr>
                <tr>
                  <td>22.8</td>
                  <td>4</td>
                  <td>108</td>
                  <td>93</td>
                </tr>
                <tr>
                  <td>21.4</td>
                  <td>6</td>
                  <td>258</td>
                  <td>110</td>
                </tr>
        </tbody>
        <script>
        function styleCell_c80pijf8rq8f225cdrn6(i, j, css_id) {
          var table = document.getElementById("tinytable_c80pijf8rq8f225cdrn6");
          table.rows[i].cells[j].classList.add(css_id);
        }
        function insertSpanRow(i, colspan, content) {
          var table = document.getElementById('tinytable_c80pijf8rq8f225cdrn6');
          var newRow = table.insertRow(i);
          var newCell = newRow.insertCell(0);
          newCell.setAttribute("colspan", colspan);
          newCell.innerText = content;
        }
        // tinytable cells before this
        </script>
        <style>
        table {
          table-layout: fixed; width: 50% !important;
          margin-left: auto;
          margin-right: auto;
        }
        // tinytable css before this
        </style>

      </table>
    </div>

  </body>

</html>

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>tinytable_c80pijf8rq8f225cdrn6</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
	<script type="text/x-mathjax-config">
	MathJax.Hub.Config({
	tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
	});
	</script>
	<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
	</head>

	<body>
	<div class="container">
	<table class="table" id="tinytable_c80pijf8rq8f225cdrn6" data-quarto-disable-processing="true">
	<thead>

	<tr>
	<th scope="col">mpg</th>
	<th scope="col">cyl</th>
	<th scope="col">disp</th>
	<th scope="col">hp</th>
	</tr>
	</thead>

	<tbody>
	<tr>
	<td>21</td>
	<td>6</td>
	<td>160</td>
	<td>110</td>
	</tr>
	<tr>
	<td>21</td>
	<td>6</td>
	<td>160</td>
	<td>110</td>
	</tr>
	<tr>
	<td>22.8</td>
	<td>4</td>
	<td>108</td>
	<td>93</td>
	</tr>
	<tr>
	<td>21.4</td>
	<td>6</td>
	<td>258</td>
	<td>110</td>
	</tr>
	</tbody>
	<script>
	function styleCell_c80pijf8rq8f225cdrn6(i, j, css_id) {
	var table = document.getElementById("tinytable_c80pijf8rq8f225cdrn6");
	table.rows[i].cells[j].classList.add(css_id);
	}
	function insertSpanRow(i, colspan, content) {
	var table = document.getElementById('tinytable_c80pijf8rq8f225cdrn6');
	var newRow = table.insertRow(i);
	var newCell = newRow.insertCell(0);
	newCell.setAttribute("colspan", colspan);
	newCell.innerText = content;
	}
	// tinytable cells before this
	</script>
	<style>
	table {
	table-layout: fixed; width: 50% !important;
	margin-left: auto;
	margin-right: auto;
	}
	// tinytable css before this
	</style>

	</table>
	</div>

	</body>

	</html>