javascript - jquery 行和列突出显示在数据表中不起作用（rails 应用程序）

Question

我的 rails 应用程序的“listings.js”中有以下代码。我使用 gem 数据表来显示一些数据。我想突出显示我的列和行，如本例所示。但是突出显示功能在我的应用程序中不起作用。

//Initialize the datatable
$(document).ready(function()
{
  var listingsTable = $('#listings').dataTable(
  {
    "sPaginationType":  "full_numbers",
    "bJQueryUI": true,
    "bSortClasses": false,
    "sScrollX": "90%",
    "bScrollCollapse": true,
    "sDom":  '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>',
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": $('#listings').data('source')
  });

  $('td', listingsTable.fnGetNodes()).hover(function() 
    {
        var iCol = $('td').index(this) % 5;
        var nTrs = listingsTable.fnGetNodes();
        $('td:nth-child('+(iCol+1)+')', nTrs).addClass( 'datatablerowhighlight' );
    }, 
    function() 
    {
        $('td.datatablerowhighlight',     listingsTable.fnGetNodes()).removeClass('datatablerowhighlight');
    } );

});

这是我的 Listings.css.scss 文件

.datatablerowhighlight 
{
    background-color: #ECFFB3 !important;
}

那么我做错了什么？

Answer 1

从http://railscasts.com/episodes/340-datatables尝试添加：

group :assets do
  gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'
  gem 'jquery-ui-rails'
end

到您的 Gemfile 和

//= require dataTables/jquery.dataTables

到 app/assets/javascripts/application.js。