Shiny 中带有 HTML UI 的数据表
Datatables with HTML UI in Shiny
我不精通 javascript 或 jQuery 并且我(因此?)正在努力将数据表与 Shiny 中的 HTML UI 集成。我能找到的所有示例似乎都适用于 ui.r
而不是 HTML UI.
关于如何执行此操作的任何示例或建议?
(有人向我指出了 http://emoteer.com/ 上的优秀应用程序,但我无法了解它是如何工作的)
您可以为 index.html
尝试类似的操作
<html>
<head>
<script src="shared/jquery.js" type="text/javascript"></script>
<script src="shared/shiny.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="shared/shiny.css"/>
<script src="js/jquery.dataTables.min.js"></script>
<link href="css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="css/dataTables.extra.css" rel="stylesheet" />
<script src="js/dataTables.bootstrap.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<h1>HTML UI</h1>
<div id="table" class="shiny-datatable-output"></div>
</body>
</html>
并且在 server.R
:
shinyServer(function(input, output, session) {
output$table <- renderDataTable({iris})
})
您需要将 javascript、css 和图像放在 index.html
所在的 www
目录中。
3 月 13 日编辑 -
如果您将 C:\Users\<username>Documents\R\win-library.1\shiny\www\shared
文件夹复制到 index.html
文件所在的 www
文件夹,那么下面应该会处理它。
<head>
<script src="shared/jquery.js" type="text/javascript"></script>
<script src="shared/shiny.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="shared/shiny.css"/>
<link href="shared/datatables/css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="shared/datatables/css/dataTables.extra.css" rel="stylesheet" />
<script src="shared/datatables/js/jquery.dataTables.min.js"></script>
<script src="shared/datatables/js/dataTables.bootstrap.js"></script>
<link href="shared/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="shared/bootstrap/js/bootstrap.min.js"></script>
</head>
我不精通 javascript 或 jQuery 并且我(因此?)正在努力将数据表与 Shiny 中的 HTML UI 集成。我能找到的所有示例似乎都适用于 ui.r
而不是 HTML UI.
关于如何执行此操作的任何示例或建议?
(有人向我指出了 http://emoteer.com/ 上的优秀应用程序,但我无法了解它是如何工作的)
您可以为 index.html
<html>
<head>
<script src="shared/jquery.js" type="text/javascript"></script>
<script src="shared/shiny.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="shared/shiny.css"/>
<script src="js/jquery.dataTables.min.js"></script>
<link href="css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="css/dataTables.extra.css" rel="stylesheet" />
<script src="js/dataTables.bootstrap.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<h1>HTML UI</h1>
<div id="table" class="shiny-datatable-output"></div>
</body>
</html>
并且在 server.R
:
shinyServer(function(input, output, session) {
output$table <- renderDataTable({iris})
})
您需要将 javascript、css 和图像放在 index.html
所在的 www
目录中。
3 月 13 日编辑 -
如果您将 C:\Users\<username>Documents\R\win-library.1\shiny\www\shared
文件夹复制到 index.html
文件所在的 www
文件夹,那么下面应该会处理它。
<head>
<script src="shared/jquery.js" type="text/javascript"></script>
<script src="shared/shiny.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="shared/shiny.css"/>
<link href="shared/datatables/css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="shared/datatables/css/dataTables.extra.css" rel="stylesheet" />
<script src="shared/datatables/js/jquery.dataTables.min.js"></script>
<script src="shared/datatables/js/dataTables.bootstrap.js"></script>
<link href="shared/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="shared/bootstrap/js/bootstrap.min.js"></script>
</head>