本示例将介绍基于html导出Excel
说明:
此种导出Excel是基于页面html导出的,它必须依赖先有页面的数据进行导出,如果你想导出所有数据,请滑到最下面的分页插件,设置每页显示条数,即pageSize:为无需大,先点击页面查询按钮,再进行导出Excel,不是特别推荐这种方式,这种方式有点偷懒,是根据项目进度需要,如果没时间进行开发导出Excel,可以用这种方式代替。它的实现原理很简单,就是把当前table里的元素,再重新打开一个窗口,打开方式,请求头设置为Excel:application/vnd.ms-excel
这种方式导出Excel存在浏览器的兼容性。
参考文章:https://www.cnblogs.com/anniey/p/7738278.html
html加入代码:
"button"
class
=
"btn btn-primary btn-sm oilOtherCardBtn"
style=
"display: none"
onclick=
"tableToExcel('list_', 'sheet1', 'myfile.xls')"
>导出
上述button的table id就是Grid的target属性。
/**
* @param table table的id
* @param name Excel的第一个sheet的名字
* @param filename 导出的文件名字,这个名字不好用
*/
function tableToExcel(table, name, filename)
table id为:
导出的Excel风格截图: