jquery插件 :
<script type=
"text/javascript"
src=
"tableExport.js"
>
<script type=
"text/javascript"
src=
"jquery.base64.js"
>
PNG导出 :<script type=
"text/javascript"
src=
"html2canvas.js"
>
PDF导出 :
<script type=
"text/javascript"
src=
"jspdf/libs/sprintf.js"
>
<script type=
"text/javascript"
src=
"jspdf/jspdf.js"
>
<script type=
"text/javascript"
src=
"jspdf/libs/base64.js"
>
用法 : onClick ="$('#tableID').tableExport({type:'pdf',escape:'false'});"
参数 :
1
2
3
4
5
6
7
8
9
|
separator: ','
ignoreColumn: [2,3],
tableName:'yourTableName'
type:'csv'
pdfFontSize:14
pdfLeftMargin:20
escape:'true'
htmlContent:'false'
consoleLog:'false'
|
简单的表格示例 :
<
table
id
=
"customers"
class
=
"table table-striped"
>
<
thead
>
<
tr
class
=
'warning'
>
<
th
>Country</
th
>
<
th
>Population</
th
>
<
th
>Date</
th
>
<
th
>%ge</
th
>
</
tr
>
</
thead
>
<
tbody
>
<
tr
>
<
td
>Chinna</
td
>
<
td
>1,363,480,000</
td
>
<
td
>March 24, 2014</
td
>
<
td
>19.1</
td
>
</
tr
>
<
tr
>
<
td
>India</
td
>
<
td
>1,241,900,000</
td
>
<
td
>March 24, 2014</
td
>
<
td
>17.4</
td
>
</
tr
>
<
tr
>
<
td
>United States</
td
>
<
td
>317,746,000</
td
>
<
td
>March 24, 2014</
td
>
<
td
>4.44</
td
>
</
tr
>
<
tr
>
<
td
>Indonesia</
td
>
<
td
>249,866,000</
td
>
<
td
>July 1, 2013</
td
>
<
td
>3.49</
td
>
</
tr
>
<
tr
>
<
td
>Brazil</
td
>
<
td
>201,032,714</
td
>
<
td
>July 1, 2013</
td
>
<
td
>2.81</
td
>
</
tr
>
</
tbody
>
</
table
>