【问题标题】:use javascript DataTables in html在 html 中使用 javascript DataTables
【发布时间】:2017-07-08 18:39:11
【问题描述】:

我希望使用我在 R 中操作的数据创建一个交互式 html 页面。 到目前为止,我已经使用 rChart 包创建了一个 NVD3 图表,并通过 knitr 包以 html 格式输出。

现在,我想在此页面中创建一个包含动态内容的表格。我一直在寻找集成它的选项,例如 rCharts 的表格模板、包 DT,但这些选项似乎都没有提供我正在寻找的灵活性。

我在此页面上找到了我正在寻找的模板,因为它具有我在其他任何地方都找不到的本机模式显示。 https://datatables.net/extensions/responsive/examples/display-types/jqueryui-modal.html。 这提供了用于初始化表格的 Javascript 和 HTML,但我不知道如何将它与我的 R 数据一起使用。

我有没有办法通过 R 包 + knitr 来集成这个表?闪亮的套件能帮到我吗?

感谢您的帮助。

【问题讨论】:

  • 您能否解释一下您正在寻找的哪些功能未包含在此处:rstudio.github.io/DT。弹出窗口?
  • 是的,理想情况下我想要一个具有行分组功能和弹出选项的表格,但是来自 datatables.net 网站的模板看起来足够好

标签: javascript html r shiny rcharts


【解决方案1】:

再看看DT。我一直在使用它,它会在那里做你想做的事。它有一个搜索栏,允许您通过下拉菜单选择要显示的行数,将索引右下角的行页面。

您可以更改字体,可以交替使用白色和有色行,更改行高、颜色和结构,随心所欲。

Look here to see some of the ways to build in full css styling

我在那个页面上看到的唯一我不确定你能做的事情就是添加绿点。

但是堆栈中的这个链接告诉您如何添加 hover_over 功能。

hover-over

这里是一个帖子的链接,我用一些 CSS 调整作为示例:

Changing row-height and drop-down configurations

您将需要使用 css 和 github 页面上列出的代码结构进行格式化,但如果该表确实是您的理想选择,您应该能够做您想做的事情(除了点-但可能是函数包含在点中的部分工作可用)

【讨论】:

  • 感谢您的帮助!我仍然有很多关于相关主题的问题,但我会为此创建专门的帖子:)
猜你喜欢
  • 2018-02-26
  • 1970-01-01
  • 2016-03-15
  • 1970-01-01
  • 2020-07-14
  • 1970-01-01
  • 2021-12-03
  • 2017-07-26
  • 1970-01-01
相关资源
最近更新 更多