Color of Selected Row

ngungo

How do I change color of selected row?
I searched but could not find it
I also tried this but it doesn't work.
I need a hint. Thanks!

"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
  if ($(nRow).hasClass("selected")) $(nRow).css('color', 'white');      
  // if ($(nRow).hasClass("active")) $(nRow).css('color', 'white');     
},

DirceuNazareth

The faster reliable way to do that is by CSS.

tr.selected{
color: #ffffff;
}

if you don't have access to CSS you can also do:

$(document).ready(function(){
  var sheet = (function() {
    // Create the <style> tag
    var style = document.createElement("style");

    // Add a media (and/or media query) here if you'd like!
    // style.setAttribute("media", "screen")
    // style.setAttribute("media", "only screen and (max-width : 1024px)")

    // WebKit hack :(
    style.appendChild(document.createTextNode(""));

    // Add the <style> element to the page
    document.head.appendChild(style);

    return style.sheet;
  })();
  //insert a rule in your CSS
  sheet.insertRule("tr.selected{ color: #ffffff; }", 0);
}

ngungo

Hi DirceuNazareth,
I am talking about selecting a row for editing.
I have access to CSS and

tr.selected {
  color: #ffffff;
}

does not work. Then I tried the script you gave. It does not work either.

ngungo

Hi DirceuNazareth,
I know why it does not work, in my case. I need to work it out then get back here to let you know. Sorry!

ngungo

Everything is working now.

DirceuNazareth

thank you for the feedback