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

Question

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

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

我想按下面的按钮

出口 - PDF - CSV - HTML - Excel

上面的按钮是HTML标签集（通常是HTML格式）。我能这样做吗？

编辑：

我想使用button，div，ul，li标签组合生成按钮，我们通常在常规HTML文件中进行。

Answer 1

SOLUTION

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

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

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

DEMO

有关代码和演示，请参阅this jsFiddle。

LINKS

• HTML5 export buttons
• Button - collection