jQuery数据表

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