Skip to content

Instantly share code, notes, and snippets.

@vincentarelbundock

vincentarelbundock/tinytable_width.html

Created January 13, 2024 21:02
Show Gist options
  • Save vincentarelbundock/5cd938d5d7b5d09d0247c20569d31fa1 to your computer and use it in GitHub Desktop.
Save vincentarelbundock/5cd938d5d7b5d09d0247c20569d31fa1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
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/[email protected]/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/[email protected]/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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment