在 Marp 中插入表格答案

【问题标题】：Insert Tables in Marp在 Marp 中插入表格
【发布时间】：2020-09-11 13:14:59
【问题描述】：

我正在使用 Marp 生成 pdf 格式的演示文稿（markdown 语法）。对于演示文稿，我必须从 pandas 数据框中插入表格。我现在使用的技巧是通过 pandas 打印“to_markdown”并将结果复制粘贴到我的降价代码中，但我无法更改字体大小并选择放置表格的位置。 Marp documentation 对这类问题没有太大帮助。如何在 Markdown 中修改字体大小和表格本地化？

【问题讨论】：

标签： pandas markdown presentation

【解决方案1】：

您可以通过 style 属性的可用性以任何您喜欢的方式设置表格的样式（全局或范围为单张幻灯片）。

例如，您可以通过调整必要的 CSS 选择器来获取降价表并更改其外观。默认情况下，这将适用于全局，但如果您在 style 标记之后添加 scoped，那么它只会在该幻灯片上起作用。（有关更多信息，请参阅marp documentation）。

这允许您为表格设置各种样式 - 甚至设置可以根据需要为每张幻灯片调整的一般样式。

请参见下面的示例。


---
marp: true
theme: default
---

<style scoped>
table {
    height: 100%;
    width: 100%;
    font-size: 20px;
    color: red;
}
th {
    color: blue;
}
</style>

# Fruit Table -- styled

Fruit | Colour | Amount | Cost
-----|------|:-----:|------:
Banana | Yellow | 4 | £1.00
Apple | Red | 2 | £0.60
Orange | Orange | 10 | £2.50
Coconut | Brown | 1 | £1.50

---

# Fruit Table -- default

Fruit | Colour | Amount | Cost
-----|------|:-----:|------:
Banana | Yellow | 4 | £1.00
Apple | Red | 2 | £0.60
Orange | Orange | 10 | £2.50
Coconut | Brown | 1 | £1.50

【讨论】：

感谢您的书面答复！我会尽快测试它。不过，在您的回答中，您并未说明如何更改幻灯片中表格的位置。我将查看执行该操作的 html 命令。再次感谢！！！！
您可以在表格 css 中使用类似这样的内容：position:fixed; left:400px; top: 500px;。只需使用这些值即可将其准确地移动到您想要的位置。