“响应式”数据表容器DT :: datatable中使用widgetframe的数据表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了“响应式”数据表容器DT :: datatable中使用widgetframe的数据表相关的知识,希望对你有一定的参考价值。

我在这种情况下可能错误地使用了“响应”一词,但我试图在Blogdown / Hugo中使用DT :: datatable创建一个表,在该表中容器会调整为“显示条目”选择,例如DT page。我可以使用knitr / R markdown在常规的html文档中执行此操作,但无法在blogdown中获得此行为。我的理解是,要在Blogdown(与Hugo)中使用html小部件,我需要使用widgetframe包。凉。 widgetframe文档带有DT包here (bottom of page)的演示。如您所见,当您调整“显示条目”时,容器保持不变。

一个简单的R Markdown / knitr html文档的简单示例,其中容器响应“显示条目”。

library(DT)
datatable(iris)

[在Blogdown中使用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命令中手动控制高度。我可以控制容器的大小,但无法使其响应“显示条目”的数量。谢谢

答案

您不需要使用widgetframe软件包。不要设置fillContainer,它将强制DT表放入容器中。默认的DT::datatable(df)将完全符合您的期望。

以上是关于“响应式”数据表容器DT :: datatable中使用widgetframe的数据表的主要内容,如果未能解决你的问题,请参考以下文章

Jquery Datatable 到响应式数据表

使用 DT 包隐藏响应式数据表中的某些列

响应式数据表和引导选项卡的问题

Angular Js Datatable:在响应式插件中,ng-click 在缩放(折叠)模式下不起作用

DataTable 响应式显示某些列

jquery-datatables-rails。响应式扩展和移动视图