将带有TableExport.js的dc.js表导出到csv和xls并不能正常工作

时间:2016-08-16 08:46:55

标签: javascript jquery export-to-csv dc.js

我创建了一个带有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>

结果:

我有这样的按钮:

enter image description here

但是当我点击任何按钮时,我得到一个空文件,就好像我的dc.js创建的动态列不被考虑...

请为此解决任何问题?

0 个答案:

没有答案