mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-26 11:38:15 +08:00
87 lines
59 KiB
JavaScript
87 lines
59 KiB
JavaScript
import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";var l=JSON.parse(`{"path":"/en/guide/markdown/table/","title":"Table Enhancement | Guide","lang":"en-US","frontmatter":{"title":"Table Enhancement","icon":"mdi:table-plus","createTime":"2025/10/13 16:57:42","permalink":"/en/guide/markdown/table/","badge":"New","description":"Overview The default table functionality in Markdown is relatively basic. However, in practical usage scenarios, it is often necessary to add additional information to tables, s...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Table Enhancement\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-12-01T03:30:33.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/en/guide/markdown/table/"}],["meta",{"property":"og:site_name","content":"Plume Theme"}],["meta",{"property":"og:title","content":"Table Enhancement"}],["meta",{"property":"og:description","content":"Overview The default table functionality in Markdown is relatively basic. However, in practical usage scenarios, it is often necessary to add additional information to tables, s..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"en-US"}],["meta",{"property":"og:locale:alternate","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2025-12-01T03:30:33.000Z"}],["meta",{"property":"article:modified_time","content":"2025-12-01T03:30:33.000Z"}],["link",{"rel":"alternate","hreflang":"zh-cn","href":"https://theme-plume.vuejs.press/guide/markdown/table/"}]]},"readingTime":{"minutes":5.16,"words":1547},"git":{"createdTime":1760340435000,"updatedTime":1764559833000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":3,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"db8a46eb4cdc6c4bcb15f0e38a5aacfef565975a","time":1764559833000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: optimize and completion docs (#766)"},{"hash":"0e38265f961f73a901f2e3fee6e02e2949bca4c8","time":1761741922000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): add <code>full-width</code> support for table container, close #740 (#741)"},{"hash":"fffff72fcdc4727c33545aa9666cf0cacf260aef","time":1760340435000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update docs"}]},"autoDesc":true,"filePathRelative":"en/guide/markdown/table.md","headers":[],"bulletin":false}`),u={name:`table.md`},d={class:`code-block-title`,"data-title":`.vuepress/config.ts`},f={class:`code-block-title-bar`},p={class:`title`},m={class:`vp-field-group`};function h(c,l,u,h,g,_){let v=t(`VPIcon`),y=t(`VPField`),b=t(`VPTable`),x=t(`VPLink`);return n(),i(`div`,null,[l[25]||=o(`<h2 id="overview" tabindex="-1"><a class="header-anchor" href="#overview"><span>Overview</span></a></h2><p>The default table functionality in Markdown is relatively basic. However, in practical usage scenarios, it is often necessary to add additional information to tables, such as a table title, or extra features like the ability to copy table content.</p><p>Without breaking the table syntax, the theme provides a <code>::: table</code> container to conveniently extend table capabilities.</p><div class="hint-container tip"><p class="hint-container-title">The table enhancement container is under continuous development.</p><p>If you have suggestions for other features, please provide feedback via an <a href="https://github.com/pengzhanbo/vuepress-theme-plume/issues" target="_blank" rel="noopener noreferrer">Issue</a>.</p></div><h2 id="configuration" tabindex="-1"><a class="header-anchor" href="#configuration"><span>Configuration</span></a></h2><p>This feature is disabled by default. You need to enable it in your <code>theme</code> configuration.</p>`,6),s(`div`,d,[s(`div`,f,[s(`span`,p,[r(v,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[0]||=a(`.vuepress/config.ts`,-1)])]),l[1]||=o(`<div class="language-ts line-numbers-mode" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">export</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> default</span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> theme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;">plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> markdown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // table: true,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // Enable default features</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> table</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // Default table alignment: 'left' | 'center' | 'right'</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> align</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">'</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">left</span><span style="--shiki-light:#B5695977;--shiki-dark:#C98A7D77;">'</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // Whether the table width is the max-content width</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // Inline elements will not wrap automatically; a scrollbar is displayed when the content exceeds the container width.</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> maxContent</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">false</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> // The table width defaults to occupying the entire row.</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> fullWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">false</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> /**</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> * Copy as HTML/Markdown</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> * \`true\` is equivalent to \`'all'\`, enabling both HTML and Markdown copying.</span></span>
|
|
<span class="line"><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> */</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> copy</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// true | 'all' | 'html' | 'md'</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> },</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> })</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">})</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,1)]),l[26]||=o(`<h2 id="syntax" tabindex="-1"><a class="header-anchor" href="#syntax"><span>Syntax</span></a></h2><p>Simply wrap the table within a <code>:::table</code> block.</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::table title="Title" align="center" max-content copy="all"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> xx </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><h3 id="props" tabindex="-1"><a class="header-anchor" href="#props"><span>Props</span></a></h3>`,4),s(`div`,m,[r(y,{name:`title`,optional:``,type:`string`},{default:e(()=>[...l[2]||=[s(`p`,null,`Table title, displayed below the table.`,-1)]]),_:1}),r(y,{name:`align`,optional:``,type:`'left' | 'center' | 'right'`,"default-value":`'left'`},{default:e(()=>[...l[3]||=[s(`p`,null,`Table alignment.`,-1)]]),_:1}),r(y,{name:`copy`,optional:``,type:`boolean | 'all' | 'html' | 'md'`,"default-value":`true`},{default:e(()=>[...l[4]||=[s(`p`,null,`Displays a copy button in the top-right corner of the table for copying as HTML or Markdown.`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`true`),a(` is equivalent to `),s(`code`,null,`'all'`),a(`.`)]),s(`li`,null,[s(`code`,null,`false`),a(` hides the copy button.`)]),s(`li`,null,[s(`code`,null,`'all'`),a(` enables both `),s(`code`,null,`'html'`),a(` and `),s(`code`,null,`'md'`),a(` copying.`)]),s(`li`,null,[s(`code`,null,`'html'`),a(` enables copying as HTML.`)]),s(`li`,null,[s(`code`,null,`'md'`),a(` enables copying as Markdown.`)])],-1)]]),_:1}),r(y,{name:`maxContent`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[5]||=[s(`p`,null,`Inline elements will not wrap automatically; a scrollbar is displayed when the content exceeds the container width.`,-1)]]),_:1}),r(y,{name:`fullWidth`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[6]||=[s(`p`,null,`The table width defaults to occupying the entire row.`,-1)]]),_:1}),r(y,{name:`hl-rows`,optional:``,type:`string`},{default:e(()=>[...l[7]||=[s(`p`,null,`Configures row highlighting within the table.`,-1),s(`p`,null,[a(`The value uses the format `),s(`code`,null,`type:row1,row2`),a(`. Multiple type-row pairs can be combined using `),s(`code`,null,`;`),a(`.`)],-1),s(`p`,null,`Examples:`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`hl-rows="warning:1"`),a(`: Sets the first row to the warning color.`)]),s(`li`,null,[s(`code`,null,`hl-rows="danger:1,2"`),a(`: Sets the first and second rows to the danger color.`)]),s(`li`,null,[s(`code`,null,`hl-rows="warning:1,2;danger:3,4"`),a(`: Sets the first and second rows to the warning color, and the third and fourth rows to the danger color.`)])],-1),s(`p`,null,[a(`Built-in `),s(`code`,null,`type`),a(` support: `),s(`code`,null,`tip`),a(`, `),s(`code`,null,`note`),a(`, `),s(`code`,null,`info`),a(`, `),s(`code`,null,`success`),a(`, `),s(`code`,null,`warning`),a(`, `),s(`code`,null,`danger`),a(`, `),s(`code`,null,`caution`),a(`, `),s(`code`,null,`important`),a(`.`)],-1),s(`p`,null,[s(`code`,null,`row`),a(` counting starts from 1.`)],-1)]]),_:1}),r(y,{name:`hl-cols`,optional:``,type:`string`},{default:e(()=>[...l[8]||=[s(`p`,null,`Configures column highlighting within the table.`,-1),s(`p`,null,[a(`The value uses the format `),s(`code`,null,`type:col1,col2`),a(`. Multiple type-column pairs can be combined using `),s(`code`,null,`;`),a(`.`)],-1),s(`p`,null,`Examples:`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`hl-cols="warning:1"`),a(`: Sets the first column to the warning color.`)]),s(`li`,null,[s(`code`,null,`hl-cols="danger:1,2"`),a(`: Sets the first and second columns to the danger color.`)]),s(`li`,null,[s(`code`,null,`hl-cols="warning:1,2;danger:3,4"`),a(`: Sets the first and second columns to the warning color, and the third and fourth columns to the danger color.`)])],-1),s(`p`,null,[a(`Built-in `),s(`code`,null,`type`),a(` support: `),s(`code`,null,`tip`),a(`, `),s(`code`,null,`note`),a(`, `),s(`code`,null,`info`),a(`, `),s(`code`,null,`success`),a(`, `),s(`code`,null,`warning`),a(`, `),s(`code`,null,`danger`),a(`, `),s(`code`,null,`caution`),a(`, `),s(`code`,null,`important`),a(`.`)],-1),s(`p`,null,[s(`code`,null,`col`),a(` counting starts from 1.`)],-1)]]),_:1}),r(y,{name:`hl-cells`,optional:``,type:`string`},{default:e(()=>[...l[9]||=[s(`p`,null,`Configures cell highlighting within the table.`,-1),s(`p`,null,[a(`The value uses the format `),s(`code`,null,`type:(row,col)`),a(`. Multiple type-cell pairs can be combined using `),s(`code`,null,`;`),a(`.`)],-1),s(`p`,null,`Examples:`,-1),s(`ul`,null,[s(`li`,null,[s(`code`,null,`hl-cells="warning:(1,1)"`),a(`: Sets the cell at row 1, column 1 to the warning color.`)]),s(`li`,null,[s(`code`,null,`hl-cells="danger:(1,1)(2,2)"`),a(`: Sets the cells at (1,1) and (2,2) to the danger color.`)]),s(`li`,null,[s(`code`,null,`hl-cells="warning:(1,1)(2,2);danger:(3,3)(4,4)"`),a(`: Sets the cells at (1,1) and (2,2) to the warning color, and the cells at (3,3) and (4,4) to the danger color.`)])],-1),s(`p`,null,[a(`Built-in `),s(`code`,null,`type`),a(` support: `),s(`code`,null,`tip`),a(`, `),s(`code`,null,`note`),a(`, `),s(`code`,null,`info`),a(`, `),s(`code`,null,`success`),a(`, `),s(`code`,null,`warning`),a(`, `),s(`code`,null,`danger`),a(`, `),s(`code`,null,`caution`),a(`, `),s(`code`,null,`important`),a(`.`)],-1),s(`p`,null,[s(`code`,null,`row`),a(` counting starts from 1, `),s(`code`,null,`col`),a(` counting starts from 1.`)],-1)]]),_:1})]),l[27]||=o(`<h2 id="examples" tabindex="-1"><a class="header-anchor" href="#examples"><span>Examples</span></a></h2><h3 id="table-title" tabindex="-1"><a class="header-anchor" href="#table-title"><span>Table Title</span></a></h3><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title="This is the Table Title"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----------|----------|----------|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Row 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Data </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Info </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,5),r(b,{copy:`all`,title:`This is the Table Title`,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhpdOMDB5KpRcE7NyQGaoQDUCmYaIZjGICZQSVB+OVgYKO6SWJIIYgGZnnlp+RAmAPyJI1w=`},{default:e(()=>[...l[10]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`Header 1`),s(`th`,null,`Header 2`),s(`th`,null,`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,null,`Row 2`),s(`td`,null,`Data`),s(`td`,null,`Info`)])])],-1)]]),_:1}),l[28]||=o(`<h3 id="table-alignment" tabindex="-1"><a class="header-anchor" href="#table-alignment"><span>Table Alignment</span></a></h3><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title="This is the Table Title" align="center"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----------|----------|----------|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Row 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Data </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Info </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,4),r(b,{copy:`all`,title:`This is the Table Title`,align:`center`,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhpdOMDB5KpRcE7NyQGaoQDUCmYaIZjGICZQSVB+OVgYKO6SWJIIYgGZnnlp+RAmAPyJI1w=`},{default:e(()=>[...l[11]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`Header 1`),s(`th`,null,`Header 2`),s(`th`,null,`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,null,`Row 2`),s(`td`,null,`Data`),s(`td`,null,`Info`)])])],-1)]]),_:1}),l[29]||=o(`<h3 id="table-max-content-width" tabindex="-1"><a class="header-anchor" href="#table-max-content-width"><span>Table Max Content Width</span></a></h3><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::table title="This is the Table Title" max-content</span></span>
|
|
<span class="line"></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> ID </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Description </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Status </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----|-----------------------------------------------------------------------------|--------------|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> This is an extremely long description that should trigger text wrapping in most table implementations. </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> In Progress </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Short text </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> ✅ Completed </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,4),r(b,{copy:`all`,"max-content":``,title:`This is the Table Title`,markdown:`eJytkEEKAjEMRfee4l9AQa/gbGYn6AWqE9pCpy1pBhW69RaezpOYDgji1vmEQCD5j5+KvkNFR+XCPotPEf+q4ihGpvIZV3Wtmtti+nFTBraNfHK+QMtE0E2YRgp3hBQthq+E4oyguDSFAcLeWmKI7uPKJmev2z5iTEUg5hwIfsxBraLG0vOyUVAfceBkmYrmbPjdHNwl1qNmtcAbX88H9qmxhQbUNw0raKs=`},{default:e(()=>[...l[12]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`ID`),s(`th`,null,`Description`),s(`th`,null,`Status`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`1`),s(`td`,null,`This is an extremely long description that should trigger text wrapping in most table implementations.`),s(`td`,null,`In Progress`)]),s(`tr`,null,[s(`td`,null,`2`),s(`td`,null,`Short text`),s(`td`,null,`✅ Completed`)])])],-1)]]),_:1}),l[30]||=o(`<p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table full-width</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|----------|----------|----------|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Row 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Data </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Info </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,3),r(b,{copy:`all`,"full-width":``,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhpdOMDB5KpRcE7NyQGaoQDUCmYaIZjGICZQSVB+OVgYKO6SWJIIYgGZnnlp+RAmAPyJI1w=`},{default:e(()=>[...l[13]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,null,`Header 1`),s(`th`,null,`Header 2`),s(`th`,null,`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,null,`Row 2`),s(`td`,null,`Data`),s(`td`,null,`Info`)])])],-1)]]),_:1}),l[31]||=o(`<h3 id="table-row-highlighting" tabindex="-1"><a class="header-anchor" href="#table-row-highlighting"><span>Table Row Highlighting</span></a></h3><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title="This is the Table Title" hl-rows="tip:1;warning:2;important:3,4"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> row4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,4),r(b,{copy:`all`,title:`This is the Table Title`,markdown:`eJyrUSjKLzdUQKO4ahR0gQDIR6GAwkB5I4gyBAURNobwERRE2ATCR1AAd8wiMw==`},{default:e(()=>[...l[14]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`tip`},`row1`),s(`th`,{class:`tip`},`row1`),s(`th`,{class:`tip`},`row1`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,{class:`warning`},`row2`),s(`td`,{class:`warning`},`row2`),s(`td`,{class:`warning`},`row2`)]),s(`tr`,null,[s(`td`,{class:`important`},`row3`),s(`td`,{class:`important`},`row3`),s(`td`,{class:`important`},`row3`)]),s(`tr`,null,[s(`td`,{class:`important`},`row4`),s(`td`,{class:`important`},`row4`),s(`td`,{class:`important`},`row4`)])])],-1)]]),_:1}),l[32]||=o(`<h3 id="table-column-highlighting" tabindex="-1"><a class="header-anchor" href="#table-column-highlighting"><span>Table Column Highlighting</span></a></h3><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title="This is the Table Title" hl-cols="success:1;warning:2;danger:3,4"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> col4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,4),r(b,{copy:`all`,title:`This is the Table Title`,markdown:`eJyrUUjOzzFUAFNGEMoYQpko1HDVKOgCAZCPjQLK4tdLtiwATjkrHQ==`},{default:e(()=>[...l[15]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`success`},`col1`),s(`th`,{class:`warning`},`col2`),s(`th`,{class:`danger`},`col3`),s(`th`,{class:`danger`},`col4`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,{class:`success`},`col1`),s(`td`,{class:`warning`},`col2`),s(`td`,{class:`danger`},`col3`),s(`td`,{class:`danger`},`col4`)]),s(`tr`,null,[s(`td`,{class:`success`},`col1`),s(`td`,{class:`warning`},`col2`),s(`td`,{class:`danger`},`col3`),s(`td`,{class:`danger`},`col4`)]),s(`tr`,null,[s(`td`,{class:`success`},`col1`),s(`td`,{class:`warning`},`col2`),s(`td`,{class:`danger`},`col3`),s(`td`,{class:`danger`},`col4`)])])],-1)]]),_:1}),l[33]||=o(`<h3 id="table-cell-highlighting" tabindex="-1"><a class="header-anchor" href="#table-cell-highlighting"><span>Table Cell Highlighting</span></a></h3><h4 id="method-one" tabindex="-1"><a class="header-anchor" href="#method-one"><span>Method One</span></a></h4><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title="This is the Table Title" hl-cells="danger:(1,1)(2,2);success:(3,3)(4,4);warning:(1,4)(2,3);important:(3,2)(4,1)"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,5),r(b,{copy:`all`,title:`This is the Table Title`,markdown:`eJx1zDEOgDAMBMGeV7g0EhTx3fPyeEy00MXNStboZuS4xhmrRUXdPWbc7/Vn0xZZbBQbxUZ9GymEEELoF0YYYYSXeACTmiLp`},{default:e(()=>[...l[16]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`danger`},`(1,1)`),s(`th`,null,`(1,2)`),s(`th`,null,`(1,3)`),s(`th`,{class:`warning`},`(1,4)`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`(2,1)`),s(`td`,{class:`danger`},`(2,2)`),s(`td`,{class:`warning`},`(2,3)`),s(`td`,null,`(2,4)`)]),s(`tr`,null,[s(`td`,null,`(3,1)`),s(`td`,{class:`important`},`(3,2)`),s(`td`,{class:`success`},`(3,3)`),s(`td`,null,`(3,4)`)]),s(`tr`,null,[s(`td`,{class:`important`},`(4,1)`),s(`td`,null,`(4,2)`),s(`td`,null,`(4,3)`),s(`td`,{class:`success`},`(4,4)`)])])],-1)]]),_:1}),l[34]||=s(`h4`,{id:`method-two`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#method-two`},[s(`span`,null,`Method Two`)])],-1),s(`p`,null,[l[18]||=a(`Using the `,-1),r(x,{href:`./attrs.md`},{default:e(()=>[...l[17]||=[a(`Attribute Support`,-1)]]),_:1}),l[19]||=a(` syntax`,-1)]),l[35]||=o(`<p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table title="This is the Table Title"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,1) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (1,4) {.warning} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ------------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ------------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,2) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,3) {.warning} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (2,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,1) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,2) {.important} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,3) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (3,4) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,1) {.important} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,2) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,3) </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> (4,4) {.danger} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div><p><strong>Output:</strong></p>`,3),r(b,{copy:`all`,title:`This is the Table Title`,markdown:`eJyNkD0KgDAMRndPkVFBBdtcqKCIg1WK4GC9u00K2r/BTOWRfH2JhXpohwauflR6nswNrhiKhp5fMZQRZIQOXf2pjF70fIOtLHRZudZfsNTHkbUgy1RIkGWqLsgyNCJEluEsRcpSpPSRy7pv5lD64HnpI99/GJUi0d8ynsbSLTG/JVJkuI19AL5CWqI=`},{default:e(()=>[...l[20]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`danger`},`(1,1)`),s(`th`,null,`(1,2)`),s(`th`,null,`(1,3)`),s(`th`,{class:`warning`},`(1,4) `)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,null,`(2,1)`),s(`td`,{class:`danger`},`(2,2)`),s(`td`,{class:`warning`},`(2,3)`),s(`td`,null,`(2,4)`)]),s(`tr`,null,[s(`td`,null,`(3,1)`),s(`td`,{class:`important`},`(3,2)`),s(`td`,{class:`danger`},`(3,3)`),s(`td`,null,`(3,4)`)]),s(`tr`,null,[s(`td`,{class:`important`},`(4,1)`),s(`td`,null,`(4,2)`),s(`td`,null,`(4,3)`),s(`td`,{class:`danger`},`(4,4)`)])])],-1)]]),_:1}),l[36]||=s(`h2`,{id:`custom-highlight-types`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#custom-highlight-types`},[s(`span`,null,`Custom Highlight Types`)])],-1),s(`p`,null,[l[22]||=a(`In `,-1),r(x,{href:`../custom/style.md`},{default:e(()=>[...l[21]||=[a(`Custom CSS Styles`,-1)]]),_:1}),l[23]||=a(`, custom highlight types can be defined using the following format:`,-1)]),l[37]||=o(`<div class="language-css" data-highlighter="shiki" data-ext="css" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-css"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> th</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> td</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">000</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> background-color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">fff</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre></div><p>For example, to add a <code>blue</code> highlight type:</p><div class="language-css" data-highlighter="shiki" data-ext="css" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-css"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> th</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">blue</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">vp-table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> table</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> td</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">.</span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">blue</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">4a7cb9</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
|
|
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> background-color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> #</span><span style="--shiki-light:#A65E2B;--shiki-dark:#C99076;">a3c6e5</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">;</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre></div><p>This custom type can then be used in tables:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">::: table hl-rows="blue:1" hl-cols="blue:1" hl-cells="blue:(3,3)"</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Header 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> --------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 2 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 4 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 5 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> Cell 6 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">:::</span></span></code></pre></div>`,5),r(b,{copy:`all`,markdown:`eJyrUfBITUxJLVIwVIAzjRBMY4UarhoFXSgAimNlApU4p+bkAM1QAIqDmUYIpjGICVNighA3RTDNQEwA5/UjXQ==`},{default:e(()=>[...l[24]||=[s(`table`,null,[s(`thead`,null,[s(`tr`,null,[s(`th`,{class:`blue`},`Header 1`),s(`th`,{class:`blue`},`Header 2`),s(`th`,{class:`blue`},`Header 3`)])]),s(`tbody`,null,[s(`tr`,null,[s(`td`,{class:`blue`},`Cell 1`),s(`td`,null,`Cell 2`),s(`td`,null,`Cell 3`)]),s(`tr`,null,[s(`td`,{class:`blue`},`Cell 4`),s(`td`,null,`Cell 5`),s(`td`,{class:`blue`},`Cell 6`)])])],-1)]]),_:1}),l[38]||=o(`<h2 id="table-cell-merging" tabindex="-1"><a class="header-anchor" href="#table-cell-merging"><span>Table Cell Merging</span></a></h2><p>Table cell merging is implemented through the attribute syntax supported by <a href="https://github.com/arve0/markdown-it-attrs" target="_blank" rel="noopener noreferrer">markdown-it-attrs</a>. Therefore, it does not need to be used within the <code>:::table</code> container; you can use it in any table.</p><p>Inside a table cell, add <code>rowspan=rows</code> or <code>colspan=cols</code> (or a combination) using the attribute syntax <code>{}</code> at the end of the cell content to achieve table cell merging.</p><p><strong>Input:</strong></p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> A </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> B </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> C </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> D </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -----------------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ---</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ---</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> ----------------</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> |</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 1 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 11 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 111 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 1111 {rowspan=3} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 2 {colspan=2 rowspan=2} </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 22 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 222 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 2222 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span>
|
|
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 3 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 33 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 333 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;"> 3333 </span><span style="--shiki-light:#999999;--shiki-dark:#666666;">|</span></span></code></pre></div><p><strong>Output:</strong></p><table><thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead><tbody><tr><td>1</td><td>11</td><td>111</td><td rowspan="3">1111</td></tr><tr><td colspan="2" rowspan="2">2</td><td>222</td></tr><tr><td>333</td></tr></tbody></table>`,7)])}var g=c(u,[[`render`,h]]);export{l as _pageData,g as default}; |