1:引入相关js文件
2:页面布局
带noExl class的行不会被输出到excel中 | 带noExl class的行不会被输出到excel中 |
这一行会被导出到excel中 | 这一行会被导出到excel中 |
单元格1-1 | 单元格1-2 |
单元格2-1 | 单元格2-2 |
单元格3-1 | 单元格3-2 |
合并2个单元格 |
注意:table标签上必须加入table2excel类名;如果表格中的某一行不需要导出到Excel中,可以为这一行添加.noExl class类,该class类会在插件初始化时通过参数被指定为不被导出的数据。
table2excel插件的可用配置参数有:
exclude:不被导出的表格行的CSS class类。
name:导出的Excel文档的名称。
filename:Excel文件的名称。
exclude_img:是否导出图片。
exclude_links:是否导出超链接
exclude_inputs:是否导出输入框中的内容。
初始化
$(function () {
$("#dc").click(function () {
$(".table2excel").table2excel({
exclude: ".noExl",
name: "Excel Document Name",
filename: "myFileName",
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
});
})
</script>
完整例子:
导出表格
带noExl class的行不会被输出到excel中 | 带noExl class的行不会被输出到excel中 |
这一行会被导出到excel中 | 这一行会被导出到excel中 |
单元格1-1 | 单元格1-2 |
单元格2-1 | 单元格2-2 |
单元格3-1 | 单元格3-2 |
合并2个单元格 |
<script>
$(function () {
$("#dc").click(function () {
$(".table2excel").table2excel({
exclude: ".noExl",
name: "Excel Document Name",
filename: "myFileName",
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
});
})
</script>