데이터 테이블에 행 선택이 작동하지 않습니다.

Question

내 데이터 테이블 작업 (여기에 표시된 것처럼 : http://datatables.net/release-datatables/examples/api/select_single_row.html)에서 행 선택을 허용하려고하지만 작동하지 않습니다. 내가 잘못 될지도 모르는 어떤 생각?

내가 여기에 전체 코드를 포함 시켰습니다

: http://jsfiddle.net/v6VTB/2/

JS

이 바이올린 http://jsfiddle.net/v6VTB/3/를 참조

row_selected 클래스가 정의되어 있지 않습니다

$(document).ready(function() { 
    $('#example5').dataTable({ 
     "bPaginate": true, 
     "bLengthChange": false, 
     "bFilter": true, 
     "bSort": true, 
     "bScrollCollapse": true, 
     "bInfo": true, 
     "bAutoWidth": false 
    }); 
}); 

var oTable; 
var giRedraw = false; 

/* Add a click handler to the rows - this could be used as a callback */ 
$("#example5 tbody").click(function (event) { 
    $(oTable.fnSettings().aoData).each(function() { 
     $(this.nTr).removeClass('row_selected'); 
    }); 
    $(event.target.parentNode).addClass('row_selected'); 
}); 

/* Add a click handler for the row */ 

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

/* Get the rows which are currently selected */ 
function fnGetSelected(oTableLocal) { 
    var aReturn = new Array(); 
    var aTrs = oTableLocal.fnGetNodes(); 

    for (var i = 0; i < aTrs.length; i++) { 
     if ($(aTrs[i]).hasClass('row_selected')) { 
      aReturn.push(aTrs[i]); 
     } 
    } 
    return aReturn; 
} 

Answer 1

는

아래에 예를 들어, CSS를 추가

.row_selected​{ 
    color:red; 
}​