title: Tabulator row formatting removes hover effect, while cell formatting doesn't
body: <p>My goal is to set the background color of the row based on the cell value.  </p>
  
  <p>The coloring works for both, but the row one loses the hover effect.</p>
  
  <p><a href="https://codesandbox.io/s/white-cookies-wxy8d?file=/src/index.js" rel="nofollow noreferrer">Codesandbox</a></p>
  
  <p>Is there a way to have the row coloring behave as the cell one?</p>
  
  <p>The reason for this is to keep the alternating row color, while having the background over it, without losing hover.</p>
  
  <p>Here's the code here as well...</p>
  
  <pre class="lang-js prettyprint-override"><code>let data = [
    { string: "aaaaaaaaaa", number: 0 },
    { string: "bbbbbbbbbb", number: 0 },
    { string: "cccccccccc", number: 1 },
    { string: "dddddddddd", number: 1 },
    { string: "eeeeeeeeee", number: 0 },
    { string: "ffffffffff", number: 1 },
    { string: "gggggggggg", number: 0 },
    { string: "hhhhhhhhhh", number: 0 }
  ];
  
  var table = new Tabulator("#example-table", {
    data: data,
    rowFormatter: row =&gt; {
  
      let data = row.getData();
  
      if (data.number === 1) {
        row.getElement().style.cssText += "background: rgba(255, 0, 0, 0.5);";
      }
    },
    columns: [
      {
        title: "string",
        field: "string"
      },
      {
        title: "number",
        field: "number",
        formatter: cell =&gt; {
          if (cell.getValue() === 0) {
            cell.getElement().style.cssText += "background: rgba(255, 255, 0, 0.5);";
          }
          return cell.getValue();
        }
      }
    ]
  });
  </code></pre>