2

我在数据框中有一些数据。每行都有一个小图像。

我希望能够将此数据与图像一起写入 HTML,并将其作为缩略图显示在每一行中。通过手动编写 href 标记来链接到图像,这没什么大不了的。

但是,我找不到一种方法来做到这一点并使 HTML 表可排序。目标是按其中一列对 HTML 表进行排序,并使图像与行一起排序。

我已经尝试过使用 googleVis 的 gvisTable() 函数来执行此操作,但我无法让图像显示。

有任何想法吗?

谢谢,

最大限度

> sessionInfo()
R version 3.0.2 (2013-09-25)
Platform: x86_64-apple-darwin10.8.0 (64-bit)

locale:
[1] en_US.UTF-8/en_US.UTF-8/en_US.UTF-8/C/en_US.UTF-8/en_US.UTF-8

attached base packages:
[1] stats     graphics  grDevices utils     datasets  methods   base     

other attached packages:
[1] googleVis_0.4.7

loaded via a namespace (and not attached):
[1] RJSONIO_1.0-3 tools_3.0.2 
4

3 回答 3

1

我很犹豫说现在没有办法用原始 HTML 来做到这一点,尤其是 HTML 5 非常棒,但我使用http://datatables.net/因为它在几千行以下的表格中非常灵活,并且比较容易实现。

于 2013-11-20T15:20:28.293 回答
1

根据定义,您不能与 HTML 交互。它是一种标记语言,意思是提供有关信息的信息。如果你想在用户浏览器中对表格进行排序,你需要使用客户端脚本,你最好的选择是 jQuery。

这是一个很好的解决方案,它应该适用于您的应用程序。

http://tablesorter.com/docs/

于 2013-11-24T19:26:21.723 回答
0

如果你想使用 gvisTable,你可以这样写:

data = .... your frame here, e.g.  data.frame(matrix(1:9, nrow = 3)) ... 
table <- gvisTable(data, options = list(width = 600, height = 300))
print(table, "chart")

gvisTable 将创建 Javascript 代码,该代码使用 Google JS API 根据该代码中的数据呈现实际表格。

如果您更喜欢自己创建 HTML,还有其他各种 Javascript 库可以执行此类任务。看看这个:http ://www.kryogenix.org/code/browser/sorttable/只需要2个步骤:

  1. 在 HEAD 元素内添加:

    <script src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js" type="text/javascript"></script>

  2. 在输出的开始表标记中添加 class="sortable" ,如下所示:

    <table class="sortable"> .... .... </table>

于 2013-11-24T22:28:09.670 回答