title: Datatables - highlight selected row
body: <p>How to highlight the selected row in datatables. I have updated the html with jquery code datatables in jsfiddle. Please help me to write css to highlight the selected row in different color.</p>
  
  <pre><code>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]
      }]
  
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/GmUEA/" rel="noreferrer">here find jsfiddle</a></p>