Jquery Datatables-突出显示所选行

如何突出显示数据表中的选定行。我已经在JSFIDLE中用jquery代码数据表更新了html。请帮我写css以不同颜色突出显示所选行

var oTable = $("#products1").dataTable({
       "aaData": newarray,
       "bProcessing": true,
       "bDeferRender": true,
       "bFilter": false,
       "bJQueryUI": true,
       "bRetrieve": true,
       "bPaginate": false,
       "bSort": true,
       "aaSorting": [[4, "desc"]],
       "iDisplayLength": 25,
       "aoColumns": [{"sWidth": "100%","sClass": "center","bSortable": false},
             {
            "sWidth": "150%","sClass": "center","bSortable": false},
             {
            "sWidth": "150%","sClass": "center","bSortable": false},
             {
            "sWidth": "150%","sClass": "center","bSortable": false}


            ],
        "aoColumnDefs": [{ "fnRender": function (o, val) {
            return o.aData[0];
        },
            "sClass": "col1","aTargets": [0]
    }, {
        "fnRender": function (o, val) {

            return o.aData[1];
        },
            "sClass": "col2","aTargets": [1]
    }, {
    "fnRender": function (o, val) {

            return o.aData[2];
        },
            "sClass": "Number","aTargets": [2]
    },{
    "fnRender": function (o, val) {

            return o.aData[3];
        },
            "sClass": "Name","aTargets": [3]
    }]

});

查看演示

在表调用之后添加以下内容：

$("#products tbody tr").on('click',function(event) {
    $("#products tbody tr").removeClass('row_selected');        
    $(this).addClass('row_selected');
});

---

表是空的，我们如何选择行？@cherniv，给你这个问题怎么被标记为离题？问题很明显。我使用$（this）.addClass（'row-selected'）.sides（）.removeClass（'row-selected'）；