jQuery数据表中的纯HTML导出按钮

Question

我正在使用jQuery DataTables.它提供了一组导出按钮.但那些按钮是swf按钮.

我想要HTML下拉按钮.我已经完成了它的帮助,但是找不到这样的代码来设置除了内置Flash之外的HTML5按钮.

我想按下面的按钮

导出
- PDF
- CSV
- HTML
- Excel

上面的按钮是HTML标签集(通常是HTML格式).我能这样做吗？

编辑:

我想用生成按钮button,div,ul,li标签组合,我们一般做我们普通的HTML文件.

Answer 1

解

对于不使用Flash的HTML5导出按钮,请使用以下代码.

var table = $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [
      {
         extend: 'collection',
         text: 'Export',
         buttons: [ 'pdfHtml5', 'csvHtml5', 'copyHtml5', 'excelHtml5' ]
      }
   ]
});

您需要使用Download Builder来包含DataTables,Buttons,HTML5 export,JSZip和pdfmake库,以生成指向CDN for JS/CSS文件的链接.

DEMO

有关代码和演示,请参阅此jsFiddle.

链接

• HTML5导出按钮
• 按钮 - 收集