带有 Twitter Bootstrap 的 Datatable-Rails fnResizeButtons/aButtons答案

【问题标题】：Datatable-Rails fnResizeButtons/aButtons with Twitter Bootstrap带有 Twitter Bootstrap 的 Datatable-Rails fnResizeButtons/aButtons
【发布时间】：2012-09-06 18:40:45
【问题描述】：

我认为这是一个相当普遍的问题。所以我为 UI 使用了 twitter 引导程序，并为数据表安装了 datatable-rails gem。这基本上就是我所做的。

  tradeTable = $("table#create_trades").dataTable(
    "sDom": "T<'row-fluid'>t<'row-fluid'<'span6'p>>"
    "bPaginate": false
        "oTableTools": 
            "aButtons": [ "copy","csv" ]
  )

  $('a[href="#tab3"]').on('show', (e) ->
    oTableTools = TableTools.fnGetInstance('create_trades')
    if ( oTableTools != null && oTableTools.fnResizeRequired() )
      oTableTools.fnResizeButtons()
  )

首先，aButtons 不限制按钮的数量。其次，fnResizeButtons 仍然不起作用，在代码之后，组件（Copy，csv ..）仍然具有 0 宽度和高度。我已经浏览了 javascript 代码，发现 fnResizeRequired() 确实是真的，并且 fnResizeButtons() 确实被调用了。这里有什么问题？

谢谢

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-3 datatables

【解决方案1】：

所以经过我的努力，我终于弄清楚了如何做到这一点。出于某种原因，datatable-rails gem 无法正确调整大小。但唯一需要调整大小的是嵌入的 Flash 组件。所以我所做的基本上只是像这样调整组件的大小：

  $('a[href="#tab3"]').one('show', (e) ->
    $('[id^=ToolTables_] embed').each( 
      -> 
        $(this).attr(
          'width': '47px'
          'height': '32px'
        )
    )
  )

【讨论】：