如何使用 ioslides 演示文稿和 DT 包来适应交互式 table？

Question

我刚开始使用 R Markdown 中的选项，它允许您创建演示文稿...我想知道如何在一张幻灯片中放置交互式 table（使用 DT 包）我的演讲。

首先，我不知道为什么颜色会从白色变成灰色...之前的幻灯片是白色的，而它有table的幻灯片是灰色的。

另一方面，如果我尝试 select table 的其他页面（“点击数字 6”），table 会变大，我无法更改或查看table.

的更多元素

这是代码：

---
title: "Habits"
author: "John Doe"
date: "March 22, 2005"
output:
    ioslides_presentation:
      widescreen: true

---

# In the morning

## Getting up 

- Turn off alarm
- Get out of bed

# TABLE

```{r}
library(DT)
datatable(head(mtcars, n = nrow(mtcars)), options = list(pageLength = 5)) 
```

有谁知道怎么解决的吗？

[顺便说一下，如果你知道一些使用 tables 和 markdown 演示的教程，我也将不胜感激。]

非常感谢

此致

Answer 1

页面变灰是因为您在标题中使用了标题 1（如 # TABLE）。在此模板中，主标题的背景为灰色。检查第一张幻灯片，# In the Morning，你会发现它也是灰色的。

另请注意，在此模板中，标题位于幻灯片的左下角。这意味着您的标题 TABLES 落后于您的 table。我假设这就是当您尝试更改到第 6 页时导致 table 出现问题的原因。尝试使用标题 2 作为您的标题，如下所示：

---
title: "Habits"
author: "John Doe"
date: "March 22, 2005"
output:
    ioslides_presentation:
      widescreen: true

---

# In the morning

## Getting up 

- Turn off alarm
- Get out of bed

## TABLE


```{r }
library(DT)
datatable(head(mtcars, n = nrow(mtcars)), options = list(pageLength = 5)) 
```

结果如下：

编辑

添加您要求的额外信息，而我之前错过了。我喜欢 reveal.js 中的主题 night。这是我的 yaml 的样子。

---
title: ""
output: 
       
  revealjs::revealjs_presentation:
          theme: night
          center: true
---

您可以在 https://revealjs.com/themes/ 找到其他主题的名称。

如何使用 ioslides 演示文稿和 DT 包来适应交互式 table？

How can I fit an interactive table using ioslides presentation and DT package?

r

r-markdown

dt

ioslides

编辑