title: Quasar table change style of whole row based on value in one cell
body: <p>I'm trying to change style of whole row based on the value in one cell. For this I used template styling, however it only allows me to change the style of one cell.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;q-table
    :data=&quot;rows&quot;
    row-key=&quot;name&quot;
  &gt;
    &lt;template v-slot:body-cell-name=&quot;props&quot;&gt;
      &lt;q-td :props=&quot;props&quot;&gt;
        &lt;div&gt;
          &lt;q-badge
            :label=&quot;props.value&quot;
            :class=&quot;(props.value=='Ice cream sandwich') ? 
              'bg-accent spc' : 'bg-white text-black'&quot;
          &gt;&lt;/q-badge&gt;
        &lt;/div&gt;
      &lt;/q-td&gt;
    &lt;/template&gt;
  &lt;/q-table&gt;
  </code></pre>
  <p>However is it possible to change the style of whole row so that the whole cell and the row is filled with  the background color instead of only small area around the cell value? Here how it works currently:
  <a href="https://codepen.io/pokepim/pen/pogNyVy" rel="nofollow noreferrer">https://codepen.io/pokepim/pen/pogNyVy</a></p>
  <p>But desired result is so that the whole row is purple based on that value in cell.</p>
  <p>EDIT:
  I dont know how many columns and what their names will be.</p>