jQuery/JavaScript代码如何将表导出为CSV文件而不考虑表's大小.看看@jsfiddle链接
How can jQuery/JavaScript code export table to CSV file regardless of the table's size. look @ jsfiddle link
下面是显示表格和代码的链接
http://jsfiddle.net/KPEGU/485/
它显示了我在将表导出到excel CSV时遇到的代码问题。当我单击导出按钮时,会生成CSV文件,但该文件为空,没有数据。
//jsfiddle 上的JS代码
$(document).ready(function () {
function exportTableToCSV($table, filename) {
var $rows = $table.find('tr:has(td)'),
// Temporary delimiter characters unlikely to be typed by keyboard
// This is to avoid accidentally splitting the actual contents
tmpColDelim = String.fromCharCode(11), // vertical tab character
tmpRowDelim = String.fromCharCode(0), // null character
// actual delimiter characters for CSV format
colDelim = '","',
rowDelim = '"'r'n"',
// Grab text from table into CSV formatted string
csv = '"' + $rows.map(function (i, row) {
var $row = $(row),
$cols = $row.find('td');
return $cols.map(function (j, col) {
var $col = $(col),
text = $col.text();
return text.replace('"', '""'); // escape double quotes
}).get().join(tmpColDelim);
}).get().join(tmpRowDelim)
.split(tmpRowDelim).join(rowDelim)
.split(tmpColDelim).join(colDelim) + '"',
// Data URI
csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
$(this)
.attr({
'download': filename,
'href': csvData,
'target': '_blank'
});
}
// This must be a hyperlink
$(".export").on('click', function (event) {
// CSV
exportTableToCSV.apply(this, [$('#dvData>table'), 'export.csv']);
// IF CSV, don't do event.preventDefault() or return false
// We actually need this to be a typical hyperlink
});
});
确保在表周围放置一个带有dvData id的div。
相关文章:
- 显示中的不可见链接:可见
- 为什么图片不是链接
- Ajax不处理链接
- 表单帖子不接受链接
- JavaScript 函数不显示链接地址
- 加载图像而不是链接
- 如果在鼠标悬停事件中触发了鼠标关闭,则立即返回,并且不执行链接的鼠标退出事件
- 正则表达式查找以文本而不是链接形式编写的 URL
- 正则表达式 - 不后跟 - 链接
- jQuery slideDown,不处理链接
- 项目的类似Facebook的按钮不是链接
- 应该't$parser/$formatter在不同的位置运行,而不是链接
- 选择2不能链接下拉列表
- 不能链接在云代码中返回Promise的自定义函数
- 使用任何其他方法而不是链接
- 用正则表达式标记字符串中的文本,但不包括链接
- 看起来不像链接的链接
- Bug缩放图表linkClasses不显示链接
- 在不将链接属性设置为null的情况下使用splice
- 有没有一种好方法来启用“在新窗口中打开链接”?在dom节点上的浏览器菜单选项,而不使链接跟随单击