無法突出顯示數據錶行

在下面的示例中，突出顯示對個別行非常適用。在我的代碼中，我可以看到單個行的選擇有效，但是，實際突出顯示不起作用。無法突出顯示數據錶行

我正在使用Twitter Bootstrap 3 + Datatables。

http://datatables.net/release-datatables/examples/api/select_single_row.html

任何幫助，將不勝感激。我按照原樣進行了操作，我想也許我沒有在init中正確配置表格，或者Bootstrap並不像突出顯示那樣。

var oTable; 

    $(document).ready(function() { 

     /* Add a click handler to the rows - this could be used as a callback */ 
     $("#pTable tbody tr").click(function(e) { 
      if ($(this).hasClass('row_selected')) { 
       $(this).removeClass('row_selected'); 
      } 
      else { 
       oTable.$('tr.row_selected').removeClass('row_selected'); 
       $(this).addClass('row_selected'); 
      } 
     }); 

     /* Add a click handler for the delete row */ 
     $('#deletePButton').click(function() { 
      var anSelected = fnGetSelected(oTable); 
      if (anSelected.length !== 0) { 
       oTable.fnDeleteRow(anSelected[0]); 
      } 
     }); 

     /* Init the table */ 
     oTable = $('#pTable').dataTable(); 


     /* Get the rows which are currently selected */ 
     function fnGetSelected(oTableLocal) 
     { 
      return oTableLocal.$('tr.row_selected'); 
     } 
    });

因此，如果我選擇一行並刪除一行，代碼中引用的deleteButton將起作用。只是突出顯示不工作！

來源

2013-08-21 rmoh21

之一，你能後的代碼？ – 2013-08-21 00:34:40

@ user2062950發佈代碼 – rmoh21

每行是否有與其關聯的ID？ – Jason

是你的表ID「#pTable」？您是否嘗試在該方法上添加debbug stop，以確保選擇器正在工作？

在引導到hightlight行必須使用這個類

Class Description 
.active  Applies the hover color to a particular row or cell 
.success Indicates a successful or positive action 
.warning Indicates a warning that might need attention 
.danger  Indicates a dangerous or potentially negative action

Bootstrap 3 Tables

來源

2013-08-21 00:53:20

謝謝我將類標記添加到我想要突出顯示的單個行！ – rmoh21

無法突出顯示數據錶行

回答

相關問題