我创建了一个带有dc.js的表格,我希望将其内容添加到许多扩展程序 csv 和例如,xls 。
我找到了一个名为TableExport.js的插件,但我没有得到很好的结果。这就是我在js和html文件中的含义:
Js档案
datatable = $('#table');
dc.dataTable('.table')
.dimension(Freq)
.group(function(d) {
return "";
})
.size(100)
.columns([
{
label: 'xxxxx',
format: function (d) {
return d.yyyy; }
},
{
label: 'xxxxx',
format: function (d) {
return d.yyyy; }
},
{
label: 'xxxxx',
format: function (d) {
return d.yyyy; }
},
{
label: 'xxxxx',
format: function (d) {
return d.yyyy; }
}
])
.sortBy(function (d) {
return d.zzzz;
})
.order(d3.descending)
.renderlet(function (table) {
table.selectAll('.dc-table-group').classed('info', true);
});
这是插件TableExport.js
的一部分:
$("table").tableExport({
headings: true, // (Boolean), display table headings (th/td elements) in the <thead>
footers: true, // (Boolean), display table footers (th/td elements) in the <tfoot>
formats: ["xls", "csv", "txt", "xlsx"], // (String[]), filetype(s) for the export
fileName: "id", // (id, String), filename for the downloaded file
bootstrap: true, // (Boolean), style buttons using bootstrap
position: "top", // (top, bottom), position of the caption element relative to table
ignoreRows: null, // (Number, Number[]), row indices to exclude from the exported file
ignoreCols: null, // (Number, Number[]), column indices to exclude from the exported file
ignoreCSS: ".tableexport-ignore" // (selector, selector[]), selector(s) to exclude from the exported file
});
Html文件
<script type='text/javascript' src='js/xlsx.core.js'></script>
<script type='text/javascript' src='js/blob.js'></script>
<script type='text/javascript' src='js/FileSaver.js'></script>
<script type='text/javascript' src='js/tableexport.js'></script>
<table class="table table-hover"></table>
结果:
我有这样的按钮:
但是当我点击任何按钮时,我得到一个空文件,就好像我的dc.js创建的动态列不被考虑...
请为此解决任何问题?