html - 使用 Pandoc 从 Markdown 源输出的带有 HTML 和 LaTeX 边框的表格

Question

这是 Pandoc 的 Markdown 示例表。

Simple tables look like this:

  Right     Left     Center     Default
-------     ------ ----------   -------
     12     12        12            12
    123     123       123          123
      1     1          1             1

Table:  Demonstration of simple table syntax.

不幸的是，它不添加边框。

我可能会将其编码为 HTML 表格，但在这种情况下，它在 LaTeX 中不起作用。

• 如何使用 LaTeX 和 HTML 输出制作带边框的表格？

• 如果 Pandoc 无法胜任这项工作，是否有类似的工具可以胜任？

Answer 1

以下 CSS 在使用 Pandoc 时将表格添加到您的 HTML 输出中:

table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    border-spacing: 0;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
table th {
    padding: 3px 10px;
    background-color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
}
table td {
    padding: 3px 10px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none;
}


/* Add border for the last row of the table.           */
/*      (Might be of use for table footnotes, later).  */
/* tr:last-child td { border-top: 2px solid black; }   */

此 CSS 来自 Marked.app。我相信它可以在 support website 上下载。对于应用程序。

您可以告诉 Pandoc 使用带有 --css 标志的自定义 CSS 文件。这样的事情应该有效:

pandoc -t html                      \
       --standalone                 \
       --css=/path/to/custom.css    \
       -o /path/to/output/file.html \
        /path/to/markdown/file.md

希望对您有所帮助。

注意:如果没有 --standalone，则不包含 CSS。