带有html5导出按钮的Jquery datatable rails不起作用

Question

我加了这个宝石

gem 'jquery-datatables-rails', github: "rweng/jquery-datatables-rails", branch: "master"

然后更新了我的application.js和application.css

//= require dataTables/jquery.dataTables
 *= require dataTables/jquery.dataTables

现在在我的products.js.coffee文件中

table = jQuery ->
    $("#products").DataTable()

new jQuery.fn.dataTable.Buttons( table, {
    buttons: [
        'copy', 'excel', 'pdf'
    ]
})

table.buttons().container()
  .appendTo( $('#exportButtons', table.table().container() ) )

我得到了一个错误

TypeError: c is undefined

我被卡住了，不知道问题出在哪里。此datatable gem是否不支持最新版本的数据表导出按钮

Answer 1

您可能希望显式下载并包含按钮的JS和CSS文件。

application.js如下所示-

//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require ./DataTables/buttons/dataTables.buttons.min
//= require ./DataTables/buttons/buttons.bootstrap.min
//= require ./DataTables/buttons/buttons.html5.min

application.scss如下所示-

*= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
*= require ./DataTableStyles/buttons/buttons.dataTables.min
*= require ./DataTableStyles/buttons/buttons.bootstrap.min

我显式下载了表的buttons扩展，并添加到DataTables & DatableStyles文件夹中的资产管道中。

另外，别忘了包括按钮的html5版本-

buttons: [
    'copyHtml5', 'excelHtml5', 'pdfHtml5'
]