title: Export dc.js Table with TableExport.js to csv and xls doesn't work properly
body: <p>I have created a <strong>table</strong> with <a href="https://dc-js.github.io/dc.js/" rel="nofollow noreferrer">dc.js</a> and I want to <strong>export</strong> its content to many extensions <strong>csv</strong> and <strong>xls</strong> for instance.</p>
  
  <p>I found a plugin called <a href="https://www.travismclarke.com/tableexport/" rel="nofollow noreferrer">TableExport.js</a>, but I did not get a nice result. And this is what I have in my js and html files :</p>
  
  <p><strong>Js file</strong></p>
  
  <pre><code>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);
          });
  </code></pre>
  
  <p>Here the part of the plugin <code>TableExport.js</code> :</p>
  
  <pre><code>$("table").tableExport({
      headings: true,                     // (Boolean), display table headings (th/td elements) in the &lt;thead&gt;
      footers: true,                      // (Boolean), display table footers (th/td elements) in the &lt;tfoot&gt;
      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
  });
  </code></pre>
  
  <p><strong>Html file</strong></p>
  
  <pre><code>&lt;script type='text/javascript' src='js/xlsx.core.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/blob.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/FileSaver.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/tableexport.js'&gt;&lt;/script&gt;
  
  &lt;table class="table table-hover"&gt;&lt;/table&gt;
  </code></pre>
  
  <p><strong>The result :</strong></p>
  
  <p>I have these buttons like this :</p>
  
  <p><a href="https://i.stack.imgur.com/iqXd0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iqXd0.png" alt="enter image description here"></a></p>
  
  <p>But when I click on any button I get an empty file, like if my dynamic columns created by dc.js are not considered ...</p>
  
  <p>Please any solution for that ? </p>