Вставка таблиц в Marp

#pandas #markdown #presentation

#pandas #markdown #презентация

Вопрос:

Я использую Marp для создания презентаций в формате PDF (синтаксис markdown). Для презентации я должен вставить таблицы из фрейма данных pandas. Трюк, который я использую сейчас, заключается в том, чтобы напечатать «to_markdown» благодаря pandas и скопировать вставить результат в мой код markdown, но у меня нет возможности изменить размер шрифта и выбрать, куда поместить таблицу. Документация Marp не так полезна для такого рода проблем. Как я могу изменить размер шрифта и локализацию таблицы в markdown?

Ответ №1:

Вы можете оформить таблицу любым удобным для вас способом благодаря наличию атрибута style (как глобального, так и ограниченного только одним слайдом).

Например, вы можете взять свои таблицы markdown и изменить их внешний вид, настроив необходимые CSS-селекторы. По умолчанию это будет применяться глобально, но если вы добавите тег scoped после style , то он будет действовать только на этом слайде. (Смотрите документацию marp для получения дополнительной информации).

Это позволяет вам настраивать все виды стилей для таблиц — даже устанавливать общий стиль, который может быть изменен по мере необходимости для каждого слайда.

Смотрите пример ниже.

 
---
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

  

Комментарии:

1. Спасибо за ваш документированный ответ! я протестирую это как можно скорее. Тем не менее, в вашем answear вы не указываете, как я могу изменить положение таблицы на слайде. Я посмотрю на html-команды для выполнения этого. Еще раз спасибо!!!!

2. Вы можете использовать что-то подобное в таблице css: position:fixed; left:400px; top: 500px; . Просто поиграйте со значениями, чтобы переместить их именно туда, куда вы хотите.