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

Question

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

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

我想要像下面这样的下拉按钮

Export
- 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包括数据表、按钮、HTML5 导出、JSZip 和 pdfmake 库，以生成指向 JS/CSS 文件的 CDN 的链接。

演示

参见 this jsFiddle用于代码和演示。

链接

• HTML5 export buttons
• Button - collection