ruby-on-rails-4 - 带有html5导出按钮的Jquery数据表导轨不起作用

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

我被卡住了，不知道问题出在哪里。这个数据表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'
]