带有html5导出按钮的Jquery数据表导轨不起作用答案

【问题标题】：Jquery datatable rails with html5 export buttons not working带有html5导出按钮的Jquery数据表导轨不起作用
【发布时间】：2016-04-12 19:20:44
【问题描述】：

我添加了这个宝石

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 不支持最新版本的数据表导出按钮吗

【问题讨论】：

您是否考虑过尝试使用 Rails Assets 的 gem？我总是喜欢从那里获取与 UI 相关的库，因为它们不依赖其他维护人员来跟上库的更新。
我现在不喜欢使用任何 gem，只喜欢数据表中的文件。一切都很好。

标签： ruby-on-rails-4 coffeescript datatables jquery-datatables-rails

【解决方案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'
]

【讨论】：