任何人都可以帮助我下载Excel和PDF中的Jquery数据表数据
Can anyone help me on this Download Jquery Datatable data in Excel and PDF
我对jQuery很陌生,需要从JQuery Datatable在Excel和PDF中实现数据下载功能。
数据表已经实现,只有我需要实现下载数据功能。
我用谷歌搜索了一下,但找不到好的文章来更好地解释事情。
下面是供参考的代码。
.HTML:
<table class="table table-bordered" data-table-name="pqe-contact-dom"></table>
在 HTML 中,我们使用 data-table-name="pqe-contact-dom" 将数据填充到表中,并且数据表代码是用 JS 文件编写的。
JS文件代码:
var reportFunction = function(code) {
$.ajax({
type : 'get',
url : url,
dataType : 'json',
success : function(data) {
var reportArray = new Array();
var reportArrayLen = data.length;
for (var l = 0; l < reportArrayLen; l++) {
reportArray[l] = new Array();
var code = data[l].CODE;
var name = data[l].NAME;
var e_name = data[l].E_Name;
var e_phone = data[l].E_Phone;
var e_email = data[l].E_eMail;
reportArray[l][0]= supplier_code;
reportArray[l][1] = supplier_name;
reportArray[l][2] = e_name;
reportArray[l][3] = e_phone;
reportArray[l][4] = e_email;
}
var reportArrayVar = reportArray;
gotoReport( reportArrayVar ); //Calling below the function that datatable and //passing data array to populate data
},
error : function() {
alert("ajax error");
}
});
};
//This function will populate the data to the datatable
function gotoReport(reportArrayVar){
require( [ 'jquery', 'datatables', 'prettify', 'bootstrap'], function(jQuery)
{ jQuery('table[data-table-name="nonqmreports-dt"]').DataTable(
/* options */{
//useFloater : false
useFloater : false,
'aoColumns' : [
{'sTitle' : 'Code', 'sClass' : 'essential'}, //essential
{'sTitle' : 'Name ', 'sClass' : 'optional' },
{'sTitle' : 'E Name', 'sClass' : 'essential'},
{'sTitle' : 'E Phone', 'sClass' : 'essential'},
{'sTitle' : 'E eMail ', 'sClass' : 'optional' }
],
'aaData': reportArrayVar,
'bProcessing': true,
'isResponsive' : true,
'bDestroy': true,
'bRetrieve': false,
'bPaginate':true,
// 'bStateSave': true,
'bInfo': true,
'sPaginationType': 'full_numbers'
})
});
}
在这种情况下,我需要实现将数据下载到 Excel 和 PDF 功能,但我不清楚如何做到这一点。 谁能帮我理解如何去做?
首先,这应该存在于您的 JS 代码中 [忽略引号中的标签]
"dom": '<"pad5"CT><"clear"><lf<"clear">r<t>ip>',<br>
tableTools: {
"sSwfPath": "assets/swf/copy_csv_xls_pdf.swf"
}
接下来,您需要此文件。copy_csv_xls_pdf.swf [确保路径根据初始化的 html/php 文件]
接下来,检查控制台 F12 是否存在错误并发布错误。
并提到您的数据表版本和Jquery版本是最新的
享受
首先在 TableTool 插件文件夹中找到"copy_csv_xls_pdf.swf"文件的本地路径,并对"sSwfPath:"使用相同的路径,就像我在下面提到的:
require(['jquery', 'datatables', 'prettify', 'bootstrap'], function (jQuery) {
jQuery('table[data-table-name="nonqmreports-dt"]').DataTable(
/* options */
{
//useFloater : false
useFloater: false,
'aoColumns': [{
'sTitle': 'Code',
'sClass': 'essential'
}, //essential
{
'sTitle': 'Name ',
'sClass': 'optional'
}, {
'sTitle': 'E Name',
'sClass': 'essential'
}, {
'sTitle': 'E Phone',
'sClass': 'essential'
}, {
'sTitle': 'E eMail ',
'sClass': 'optional'
}
],
'aaData': reportArrayVar,
'bProcessing': true,
'isResponsive': true,
'bDestroy': true,
'bRetrieve': false,
'bPaginate': true,
// 'bStateSave': true,
'bInfo': true,
`enter code here`
'sPaginationType': 'full_numbers',
"tableTools": {
"sSwfPath": "/Scripts/TableTools-2.2.0/media/swf/copy_csv_xls_pdf.swf" // path where swf files is located.
}
})
});
相关文章:
- 下载HTML5/Javascript MOBILE应用程序中的PDF文件
- JavaScript代码,用于在浏览器中显示字节数组中的PDF文件(非base64编码)
- phonegap Android中的pdf查看器
- IE 11 中的 PDF 查看器与顶部下拉滚动条重叠
- HTML和CSS转换为JavaScript中的PDF
- 将字节数组保存到Titanium中的pdf文件中
- 如何使用javascript将SVG文件转换为JSPDF中的PDF
- 如何在Java Web应用程序中的PDF报告中绘制图形
- 给定指向 html 代码中的 pdf 文件的链接.但它无法打开它
- 在不使用 Flash 的情况下浏览网页中的 PDF
- 打开一个新窗口,其中包含从 XMLHttpRequest 返回的 blob 对象中的 PDF 数据
- 正在读取phonegap中的pdf文件
- 从chrome扩展中的pdf中提取文本
- 通过iframe将浏览器中的PDF URL发送到打印机
- 带有iframe的jQuery.empty(),其src是internetexplorer中的pdf breaks插件
- PDF文档don'不要在移动设备中打开fancybox内部,所以我不会;当我点击打开这些设备中的PDF时,我不想
- 加载存储在web应用程序中的pdf文件时出错
- 错误.访问iFrame中的PDF元素
- 突出显示嵌入HTML中的PDF文档中的亮点
- 是否有一个npm模块来修改node.js中的pdf文件?