JS将Datatable表格数据导出为CSV文件

最新推荐文章于 2024-07-27 10:20:15 发布

MTonj

最新推荐文章于 2024-07-27 10:20:15 发布

阅读量2.2k

点赞数 1

分类专栏：前端文章标签： csv

本文链接：https://blog.csdn.net/MTonj/article/details/88094698

版权

本文介绍如何在Web页面中实现Datatable表格数据的导出功能，特别是将其转换为CSV格式，以便用户可以下载为Excel表格。

摘要由CSDN通过智能技术生成

需求:将web页面datatable导出成Excel表格,要求为CSV格式文件

导出按钮点击事件如下:

/**
 * 导出csv按钮点击事件
 * @param current
 * @returns
 */
function exportCsv(current){
	// 获取表格数据
	var data = JSON.stringify(table.rows().data());//table 为datatable实例
	var date = new Date();
	var timename = date.format("YYYY-MM-DD hh:mm:ss");//当前时间
	if (data == '')
	return;
    outCsv(data, "导出表格"+timename, true);
}


/**
 * 导出CSV方法
 * @param JSONData  json数据
 * @param ReportTitle  导出的表格标题
 * @param ShowLabel   是否显示字段名
 * @returns
 */
 function outCsv(JSONData, ReportTitle, ShowLabel) {
	var CSV = '';
	 //如果JSONData不是一个对象然后JSON.parse将解析对象中的JSON字符串      
	var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
	$.each(arrData,function(i,e){
		e.time=new Date(e.time).format("YYYY-MM-DD hh:mm:ss");//时间格式化
	})

    if (ShowLabel) {
		var row = "