在IE浏览器中将jtable导出为excel
有很多方法可以将html表格导出为excel，但是jtable又如何，因为它不包含页面中的<table>类的html标签，所以只需要调用id <div id="table"></div>
我有简单的解决scheme，在Chrome上工作，但没有在IE上工作
导出button：
<a id="dlink" onclick="tableToExcel('StudentTableContainer', 'name', 'TestExcelFile.xls')">Export to excel</a>
JTable的：
<div id="StudentTableContainer"></div>
使用Javascript：
var tableToExcel = (function () { var uri = 'data:application/vnd.ms-excel;base64,' , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>' , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } return function (table, name, filename) { if (!table.nodeType) table = document.getElementById(table) var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } document.getElementById("dlink").href = uri + base64(format(template, ctx)); document.getElementById("dlink").download = filename; document.getElementById("dlink").click(); } })()
- 我们可以使它在IE上使用吗？
- 我们如何显示表格的所有值？ （因为此解决scheme仅导出页面上显示的行）
我正在使用vb.net获取jtable的sql值
为了让所有行导出，您可以创build另一个没有分页的jtable，只在导出之前加载，而对最终用户不可见。 应该是这样的：
$('#PersonTable').jtable({ //... paging: false, //Set paging disabled actions: { //... }, fields: { //... } });
完整的jtable之后，您可以使用本论坛的解决scheme将其导出。 你可以在这个第二个jtable中只指定你想在excel中导出的列。