title: How to set 'active' for tr/row in v-data-table (Vuetify 2.0+)?
body: <p>I need to set 'active' for row where is item with property <strong>selected: true</strong>.
  Before i did it with <strong>:active="props.item.selected"</strong>, but now, in new verison of Vuetify it doesnt work.</p>
  
  <pre><code>&lt;v-data-table
                  hide-default-footer
                  :items="views.BusinessOperationView.valueList"
                  :items-per-page="-1"
                  :headers="views.BusinessOperationView.headers"&gt;
             &lt;template v-slot:item="props"&gt;
                    &lt;tr
                      @click="uiBusinessOperationSelectionChange(props.item.businessOperationId)"
                      :isSelected="props.item.selected"
                      style="cursor: pointer"
                      :active = "props.item.selected"&gt;
                      &lt;td&gt;&lt;v-card class="pa-2 ma-2 body-1 text-md-center"&gt;{{ props.item.loadText }}&lt;/v-card&gt;&lt;/td&gt;
                      &lt;td&gt;{{ props.item.businessOperationName }}&lt;/td&gt;
                    &lt;/tr&gt;
             &lt;/template&gt;
  
  &lt;/v-data-table&gt;
  </code></pre>