<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="generator" content="jemdoc-rs, see https://github.com/haozhu10015/jemdoc-rs" />
<link rel="stylesheet" href="jemdoc.css" type="text/css" />
<title>Tables</title>
<script>
MathJax = {
tex: {
inlineMath: [['\\(','\\)']],
displayMath: [['\\[','\\]']],
tags: 'ams'
}
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js">
</script>
</head>
<link rel="icon" href="img/favicon-jr.svg" type="image/svg+xml" />
<body>
<table summary="Table for page layout." id="tlayout">
<tr valign="top">
<td id="layout-menu">
<div class="menu-category">jemdoc-rs</div>
<div class="menu-item"><a href="index.html">Overview</a></div>
<div class="menu-category">Markup</div>
<div class="menu-item"><a href="formatting.html">Formatting</a></div>
<div class="menu-item"><a href="lists.html">Lists</a></div>
<div class="menu-item"><a href="link.html">Links</a></div>
<div class="menu-item"><a href="images.html">Images</a></div>
<div class="menu-item"><a href="mathjax.html">Equations</a></div>
<div class="menu-category">Blocks</div>
<div class="menu-item"><a href="codeblocks.html">Code Blocks</a></div>
<div class="menu-item"><a href="tables.html" class="current">Tables</a></div>
<div class="menu-item"><a href="infoblocks.html">Info Blocks</a></div>
<div class="menu-category">Configuration</div>
<div class="menu-item"><a href="directives.html">Directives</a></div>
<div class="menu-item"><a href="http://www.example.com" target="_blank">Open in New Tab</a></div>
</td>
<td id="layout-content">
<div id="toptitle">
<h1>Tables</h1>
</div>
<p>Tables are created inside <tt>~~~</tt> blocks with the <tt>table</tt> keyword.
</p>
<h2>Basic Table</h2>
<div class="codeblock">
<div class="blockcontent"><tt class="tthl">
</tt><pre class="tthl">~~~
</pre><tt class="tthl">{}{table}
<br />Cell 1 | Cell 2 | Cell 3 ||
<br />Row 2 | Cell 5 | Cell 6
</tt><pre class="tthl">~~~
</pre><tt class="tthl"></tt></div></div>
<table>
<tr class="r1"><td class="c1">Cell 1 </td><td class="c2"> Cell 2 </td><td class="c3"> Cell 3 </td></tr>
<tr class="r2"><td class="c1">Row 2 </td><td class="c2"> Cell 5 </td><td class="c3"> Cell 6
</td></tr></table>
<p>Use <tt>|</tt> to separate columns and <tt>||</tt> for row breaks.
</p>
<h2>Table with ID</h2>
<p>You can give a table an HTML <tt>id</tt> attribute for styling or linking:
</p>
<div class="codeblock">
<div class="blockcontent"><tt class="tthl">
</tt><pre class="tthl">~~~
</pre><tt class="tthl">{}{table}{my-table-id}
<br />Header A | Header B ||
<br />Value A | Value B
</tt><pre class="tthl">~~~
</pre><tt class="tthl"></tt></div></div>
<h2>Table with Formatted Content</h2>
<p>Tables support inline formatting within cells:
</p>
<table>
<tr class="r1"><td class="c1"><b>Header 1</b> </td><td class="c2"> <b>Header 2</b> </td><td class="c3"> <b>Header 3</b> </td></tr>
<tr class="r2"><td class="c1"><i>Italic</i> </td><td class="c2"> <tt>monospace</tt> </td><td class="c3"> <u>underline</u> </td></tr>
<tr class="r3"><td class="c1">\(x^2\) </td><td class="c2"> \(\sqrt{2}\) </td><td class="c3"> \(\pi \approx 3.14\) </td></tr>
<tr class="r4"><td class="c1"><a href="http://example.com/" target="_blank">http://example.com/</a> </td><td class="c2"> <a href="http://example.com/" target="_blank">link B</a> </td><td class="c3"> plain text
</td></tr></table>
<div id="footer">
<div id="footer-text">
Page generated by <a href="https://github.com/haozhu10015/jemdoc-rs" target="_blank">jemdoc-rs</a>.
(<a href="tables.jemdoc">source</a>)
</div>
</div>
</td>
</tr>
</table>
</body>
</html>