title: jQuery datatable row background color not changing in sorted column
body: <p>I am using a jQuery datatable and I would like the background color to change based on a condition hover the row that is sorted does not have my background color as you can see on my image.</p>
  <p><a href="https://i.stack.imgur.com/O1FPp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O1FPp.png" alt="image of datatable" /></a></p>
  <p>Here is my condition</p>
  <pre><code>        &quot;rowCallback&quot;: function (row, data, index) {
              if (data.componente.default_ubicacion.ubicacion_id === 0) {
                  $(row).css(&quot;background-color&quot;, &quot;rgb(225, 27, 27, 100%)&quot;);
                  $(row).css(&quot;color&quot;, &quot;white&quot;);
                  $(row).addClass(&quot;group&quot;);
              }
          },
  </code></pre>
  <p>And this is the css that is causing the problem</p>
  <pre><code>table.dataTable.display tbody tr.odd &gt; .sorting_1, table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_1 {
      background-color: #f1f1f1;
  }
  
  table.dataTable.display tbody tr.even &gt; .sorting_1, table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_1 {
      background-color: #fafafa;
  }
  </code></pre>
  <p>How can I fix this?</p>