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导出，JSZip和pdfmake库，以生成指向CDN for JS / CSS文件的链接。

样本

请参阅this jsFiddle以获取代码和演示。

LINKS

• HTML5 export buttons
• Button - collection