帶有 Pandoc 的 HTML 網格表

Question

我想將包含表格的降價轉換為 HTML。 表格應該有一個網格。

降價：

| Column A | Column B |
|:--------:|:--------:|
|    1     |    2     |
|    3     |    4     |

我嘗試過的 pandoc 命令： pandoc -t html5 -f gfm -o output.html tmp_markdown.md

這會導致沒有網格的 HTML 表格：

 <table> <thead> <tr class="header"> <th style="text-align: center;">Column A</th> <th style="text-align: center;">Column B</th> </tr> </thead> <tbody> <tr class="odd"> <td style="text-align: center;">1</td> <td style="text-align: center;">2</td> </tr> <tr class="even"> <td style="text-align: center;">3</td> <td style="text-align: center;">4</td> </tr> </tbody> </table>

我可以調整表格的樣式嗎？

Answer 1

Markdown 中沒有選項，但您可以嘗試在 Markdown 文件中添加一個 CSS 片段：

<style>
table { border-collapse: collapse; }
th, td { border: solid black 1px; padding: 0 1ex; }
</style>

這將在所有表格單元格周圍添加純黑色邊框，從而創建一個網格。