Question

我正在使用Ruby on Rails和DataTables（jquery-datatables-rails 3.3.0）

它工作正常，但我无法在桌面上添加按钮和工具栏：

<table class='table table-striped table-condensed table-bordered display' id="tasks">
    <thead>
    <tr>
      <th>Name</th>
      <th>Description</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
    </tbody>
</table>

在我的.coffee文件中：

jQuery ->
  $('#tasks').dataTable
    bJQueryUI: true
    dom: "Bfrtip"
    buttons: ["create"]
    scrollX: true
    paging: false
    ordering: false

但我的桌子上没有创建按钮。其他功能如：scrollX：真正的正常工作

有人能帮助我吗？

我的application.js：

//= require jquery
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require dataTables/extras/dataTables.responsive
//= require dataTables/jquery.dataTables.foundation
//= require dataTables/extras/dataTables.tableTools
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require bootstrap
//= require turbolinks
//= require_tree .

我的application.css.scss：

*= require_tree .
 *= require_self
 *= require dataTables/jquery.dataTables
 *= require dataTables/jquery.dataTables.foundation
 *= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
 *= require dataTables/extras/dataTables.responsive
 *= require dataTables/extras/dataTables.tableTools
 */

Answer 1

我相信正确的代码应该是：

jQuery ->
  $('#tasks').dataTable
    bJQueryUI: true
    dom: "Bfrtip"
    buttons: [{
       text: "create"
       action: (e, dt, node, config) ->
         alert("Button clicked")
         return
    }]
    scrollX: true
    paging: false
    ordering: false

有关详细信息，请参阅Custom buttons。

此外，按钮扩展需要额外的CSS / JS文件，请参阅Download - Buttons。

Ruby on Rails和DataTables按钮不起作用

1 个答案: