title: Adding class to <td> and <tr> in Vuetify data-table？
body: <pre><code> &lt;v-data-table
        class=&quot;elevation-1 user-table&quot;
        :headers=&quot;table.headers&quot;
        :items=&quot;usersList&quot;
        :items-per-page=&quot;table.options.itemsPerPage&quot;
        :no-data-text=&quot;table.options.noDataText&quot;
        :footer-props=&quot;table.options.footerProps&quot;
      &gt;
      &lt;template slot=&quot;items&quot; slot-scope=&quot;props&quot;&gt;
          &lt;td class=&quot;text-xs-right pa-4&quot;&gt;{{ props.item.id }}&lt;/td&gt;
          &lt;td class=&quot;text-xs-right pa-0&quot;&gt;{{ props.item.username }}&lt;/td&gt;
          &lt;td class=&quot;text-xs-right pa-0&quot;&gt;{{ props.item.createdAt }}&lt;/td&gt;
        &lt;/template&gt; 
    
  &lt;/v-data-table&gt;
  </code></pre>
  <p>i try to use the  slot=&quot;items&quot; to change the class of td in vuetify table ,but it doesnt work?</p>
  <p>i use this version of vuetify</p>
  <ul>
  <li>&quot;vuetify&quot;: &quot;^2.3.17&quot;,</li>
  </ul>