jQuery数据表
我们可以使用JavaScript库数据表以HTML格式生成增强的表。在下面的示例中,我们为动车组
数据:
图书馆(knitr)kable(mtcars,'html,table.attr='id=“mtcars_table”')
|
英里/加仑 |
气缸 |
显示 |
马力 |
乏味的 |
重量 |
qsec(秒) |
与 |
是 |
齿轮 |
碳水化合物 |
马自达RX4 |
21 |
6 |
160 |
110 |
3.90 |
2.620 |
16.46 |
0 |
1 |
4 |
4 |
马自达RX4旅行车 |
21 |
6 |
160 |
110 |
3.90 |
2.875 |
17.02 |
0 |
1 |
4 |
4 |
达特桑710 |
22.8 |
4 |
108 |
93 |
3.85 |
2.320 |
18.61 |
1 |
1 |
4 |
1 |
大黄蜂4号驱动器 |
21.4 |
6 |
258 |
110 |
3.08 |
3.215 |
19.44 |
1 |
0 |
三 |
1 |
大黄蜂运动会 |
18.7 |
8 |
360 |
175 |
3.15 |
3.440 |
17.02 |
0 |
0 |
三 |
2 |
勇敢的 |
18.1 |
6 |
225 |
105 |
2.76 |
3.460 |
20.22 |
1 |
0 |
三 |
1 |
灰尘360 |
14.3 |
8 |
360 |
245 |
3.21 |
3.570 |
15.84 |
0 |
0 |
三 |
4 |
Merc 240D公司 |
24.4 |
4 |
146.7 |
62 |
3.69 |
3.190 |
20 |
1 |
0 |
4 |
2 |
Merc 230公司 |
22.8 |
4 |
140.8 |
95 |
3.92 |
3.150 |
22.90 |
1 |
0 |
4 |
2 |
美克280 |
19.2 |
6 |
167.6 |
123 |
3.92 |
3.440 |
18.30 |
1 |
0 |
4 |
4 |
美克280C |
17.8 |
6 |
167.6 |
123 |
3.92 |
3.440 |
18.90 |
1 |
0 |
4 |
4 |
Merc 450SE公司 |
16.4 |
8 |
275.8 |
180 |
3.07 |
4.070 |
17.40 |
0 |
0 |
三 |
三 |
Merc 450SL公司 |
17.3 |
8 |
275.8 |
180 |
3.07 |
3.730 |
17.60 |
0 |
0 |
三 |
三 |
Merc 450SLC公司 |
15.2 |
8 |
275.8 |
180 |
3.07 |
3.780 |
18 |
0 |
0 |
三 |
三 |
凯迪拉克伍德 |
10.4 |
8 |
472 |
205 |
2.93 |
5.250 |
17.98 |
0 |
0 |
三 |
4 |
林肯大陆 |
10.4 |
8 |
460 |
215 |
3 |
5.424 |
17.82 |
0 |
0 |
三 |
4 |
克莱斯勒帝国 |
14.7 |
8 |
440 |
230 |
3.23 |
5.345 |
17.42 |
0 |
0 |
三 |
4 |
菲亚特128 |
32.4 |
4 |
78.7 |
66 |
4.08 |
2.200 |
19.47 |
1 |
1 |
4 |
1 |
本田思域 |
30.4 |
4 |
75.7 |
52 |
4.93 |
1.615 |
18.52 |
1 |
1 |
4 |
2 |
丰田花冠 |
33.9 |
4 |
71.1 |
65 |
4.22 |
1.835 |
19.90 |
1 |
1 |
4 |
1 |
丰田科罗纳 |
21.5 |
4 |
120.1 |
97 |
3.70 |
2.465 |
20.01 |
1 |
0 |
三 |
1 |
道奇挑战者 |
15.5 |
8 |
318 |
150 |
2.76 |
3.520 |
16.87 |
0 |
0 |
三 |
2 |
AMC标枪 |
15.2 |
8 |
304 |
150 |
3.15 |
3.435 |
17.30 |
0 |
0 |
三 |
2 |
Camaro Z28 |
13.3 |
8 |
350 |
245 |
3.73 |
3.840 |
15.41 |
0 |
0 |
三 |
4 |
庞蒂亚克火鸟 |
19.2 |
8 |
400 |
175 |
3.08 |
3.845 |
17.05 |
0 |
0 |
三 |
2 |
菲亚特X1-9 |
27.3 |
4 |
79 |
66 |
4.08 |
1.935 |
18.90 |
1 |
1 |
4 |
1 |
保时捷914-2 |
26 |
4 |
120.3 |
91 |
4.43 |
2.140 |
16.70 |
0 |
1 |
5 |
2 |
荷花欧罗巴 |
30.4 |
4 |
95.1 |
113 |
3.77 |
1.513 |
16.90 |
1 |
1 |
5 |
2 |
福特Pantera L |
15.8 |
8 |
351 |
264 |
4.22 |
3.170 |
14.50 |
0 |
1 |
5 |
4 |
法拉利迪诺 |
19.7 |
6 |
145 |
175 |
3.62 |
2.770 |
15.50 |
0 |
1 |
5 |
6 |
玛莎拉蒂宝来 |
15 |
8 |
301 |
335 |
3.54 |
3.570 |
14.60 |
0 |
1 |
5 |
8 |
沃尔沃142E |
21.4 |
4 |
121 |
109 |
4.11 |
2.780 |
18.60 |
1 |
1 |
4 |
2 |
注意,我们分配了一个身份证
然后我们使用数据表库来调整表。
<script type=“text/javascript”>$(document).ready(function()){$(“#mtcars_table”)。数据表();} );</script>
由于这是一个Markdown vignette,我们需要将JavaScript库以及一些附加的CSS文件添加到HTML头中,这可以通过以下方式完成:
选项(markdown.html.header=system.file('misc','datatables.html,package='knitr'))
文件datatables.html
在杂项
的目录针织物已添加到HTML输出中。
相比之下,下表是一个普通表:
kable(头(mtcars),“html”)
|
英里/加仑 |
气缸 |
显示 |
马力 |
乏味的 |
重量 |
qsec(秒) |
与 |
是 |
齿轮 |
碳水化合物 |
马自达RX4 |
21 |
6 |
160 |
110 |
3.90 |
2.620 |
16.46 |
0 |
1 |
4 |
4 |
马自达RX4旅行车 |
21 |
6 |
160 |
110 |
3.90 |
2.875 |
17.02 |
0 |
1 |
4 |
4 |
达特桑710 |
22.8 |
4 |
108 |
93 |
3.85 |
2.320 |
18.61 |
1 |
1 |
4 |
1 |
大黄蜂4号驱动器 |
21.4 |
6 |
258 |
110 |
3.08 |
3.215 |
19.44 |
1 |
0 |
三 |
1 |
大黄蜂运动会 |
18.7 |
8 |
360 |
175 |
3.15 |
3.440 |
17.02 |
0 |
0 |
三 |
2 |
勇敢的 |
18.1 |
6 |
225 |
105 |
2.76 |
3.460 |
20.22 |
1 |
0 |
三 |
1 |
这个小插曲只是一个玩具示例。我建议您使用DT公司而是打包:https://github.com/rstudio/DT