jquery-datatables-rails引导程序样式

Question

在rails中，我通过jquery- dataTables -rails gem使用bootstrap和datatables。然而，我似乎只了解了一半的引导样式。

gem 'jquery-datatables-rails', git: 'git://github.com/rweng/jquery-datatables-rails.git'

application.js

    //= require jquery
    //= require jquery_ujs
    //= require jquery.ui.core
    //= require jquery.ui.datepicker
    //= require twitter/bootstrap
    //= require dataTables/jquery.dataTables
    //= require dataTables/jquery.dataTables.bootstrap
    //= require dataTables/extras/TableTools
    //= require chosen-jquery
    //= require best_in_place
    //= require cocoon
    //= require_tree .

    $.extend( $.fn.dataTableExt.oStdClasses, {
      "sWrapper": "dataTables_wrapper form-inline"
    } );

application.css

 *= require_self
 *= require jquery.ui.core
 *= require jquery.ui.datepicker
 *= require dataTables/jquery.dataTables.bootstrap
 *= require dataTables/extras/TableTools
 *= require dataTables/extras/TableTools_JUI
 *= require chosen
 *= require_tree .
 */

特定的咖啡脚本

jQuery ->
  $('#customers').dataTable
    sDom: "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>"
    sPaginationType: "bootstrap"
    bjQueryUI: true

erb

<table id="customers" class="display" cellpadding="0" cellspacing="0" border="0" class="table table-bordered table-striped">  
  <thead>
    <tr>
      <th>etc.

但是，样式如下所示，而不是dataTable站点http://www.datatables.net/media/blog/bootstrap/上所示的样式

注意标题是错误的，条纹是紫色的，而不是灰色的

​

​

还有什么需要我做的吗？

Answer 1

这一切都归结为我对资产管道缺乏了解。一旦我想通了，更多的东西就能很好地工作了。

似乎我在开发时使用了预编译和压缩选项，所以public/assets目录中的css文件覆盖了我使用的任何其他文件。

一旦我删除了该目录的内容，并将我的capistrano部署配置为在生产环境中执行预编译，一切都运行得很好。

资产管道当然很好，但需要一些注意。