带有html5导出按钮的Jquery数据表导轨无法正常工作

时间:2016-01-08 07:18:35

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

我添加了这个宝石

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

1 个答案:

答案 0 :(得分: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'
]