title: Adding class to <td> and <tr> in Vuetify data-table
body: <p>I want to give the tr and td a class name in my Vuetify data-table. But what am I doing wrong as this isn't working while I see everywhere this solution.</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-data-table :headers="headers" :items="customers" class="elevation-1"&gt;
      &lt;template slot="items" slot-scope="props"&gt;
        &lt;td class="test"&gt;{{ props.item.name}}&lt;/td&gt;
        &lt;td class="test1"&gt;{{ props.item.telephone}}&lt;/td&gt;
        &lt;td class="test2"&gt;{{ props.item.email}}&lt;/td&gt;
        &lt;td class="test3"&gt;{{ props.item.website}}&lt;/td&gt;
        &lt;td class="test4"&gt;{{ props.item.location}}&lt;/td&gt;
      &lt;/template&gt;
    &lt;/v-data-table&gt;
  &lt;/template&gt;
  </code></pre>