'Отзывчивый' контейнер данных DT :: datatable в blogdown с использованием widgetframe

Возможно, я неправильно использую термин «отзывчивый» в этом контексте, но я пытаюсь создать таблицу, используя DT :: datatable в blogdown / Hugo, где контейнер настраивается на выбор «Показать записи», как первая таблица в страница DT. Я могу сделать это в обычном html-документе с помощью knitr / R markdown, но не могу добиться такого поведения в blogdown. Насколько я понимаю, чтобы иметь виджет html в блоге (с Hugo), мне нужно использовать пакет widgetframe. Прохладный. В документации widgetframe есть демонстрация пакета DT, здесь (внизу страницы) . Как вы можете видеть, когда вы настраиваете «Показать записи», контейнер остается прежним.

Минимальный пример для простого HTML-документа R Markdown / knitr, где контейнер отвечает на «Показать записи».

library(DT)
datatable(iris)

Минимальный пример использования widgetframe в блоге, где контейнер не отвечает на «Показать записи».

library(widgetframe)
library(DT)
dt <-  datatable(
  head(iris, 20), 
  options = list(
     columnDefs = list(list(className = 'dt-center', targets = 5)),
     pageLength = 5, lengthMenu = c(5, 10, 15, 20)),
  fillContainer = T)

frameWidget(dt, height = 350, width = '95%')

Я пробовал вручную контролировать высоту как в командах frameWidget, так и в DT. Я могу контролировать размер контейнера, но не могу заставить его реагировать на количество «Показать записи». Спасибо


r r-markdown dt blogdown hugo
person jjscott    schedule 03.12.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам не нужно использовать пакет widgetframe. Не устанавливайте fillContainer, это заставит таблицу DT поместиться в контейнер. По умолчанию DT::datatable(df) сделает именно то, что вы ожидали.

Вот полнотекстовый пример сообщения в блоге:

---
title: A showcase for responsive DT table
date: '2019-12-17'
---

```{r}
DT::datatable(head(iris, 20))
```
person TC Zhang    schedule 17.12.2019
comment
спасибо за предложение @ tc-zhang. К сожалению, это делает таблицу только с строкой заголовка и без других данных, без других строк. - person jjscott; 18.12.2019
comment
Мой рабочий пример на моем сайте blogdown - person TC Zhang; 19.12.2019
comment
Источник Rmd Надеюсь, это поможет. - person TC Zhang; 19.12.2019
comment
У меня все еще та же проблема, но благодаря вашему примеру TC Zhang я теперь почти уверен, что это проблема с моей темой Hugo (которая называется Academic Hugo). Я по-прежнему получаю то же самое, только строку заголовка, ничего больше. - person jjscott; 20.12.2019
comment
вы можете предоставить свое репо? - person TC Zhang; 21.12.2019
comment
Конечно. Вот демонстрационная страница с несколькими примерами. Вот таблица с демонстрационной страницы, которая работает на стенде. только html, а вот репозиторий на GitHub < / a> для демонстрации. Спасибо за помощь TC Zhang. - person jjscott; 22.12.2019
comment
Обнаружил проблему, jquery загружается несколько раз. Связанный вопрос. Пожалуйста, отправьте вопрос в репозиторий академической темы Hugo. Это выходит за рамки того, что я могу отладить. - person TC Zhang; 23.12.2019
comment
Я отправил эту проблему в репозиторий Academic GitHub # 1493. - person jjscott; 23.12.2019
comment
а затем он был отклонен, потому что, по-видимому, это не ошибка. - person jjscott; 23.12.2019