title: How do I make a striped v-data-table in Vuetify?
body: <p>I have a table</p>
  <pre><code>&lt;v-data-table
    :headers=&quot;headers&quot;
    :items=&quot;bookings&quot;
    class=&quot;elevation-1&quot;
    :search=&quot;search&quot;
  &gt;
    &lt;template slot=&quot;items&quot; slot-scope=&quot;props&quot;&gt;
      &lt;td&gt;{{ props.item.date }}&lt;/td&gt;
      &lt;td&gt;{{ props.item.time }}&lt;/td&gt;
      &lt;td&gt;{{ props.item.vehicle }}&lt;/td&gt;
    &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>
  <p>Made in Vuetify, It works all fine, I just need to make alternate rows into different colors. Or the give the bootstrap <code>.table-striped</code> class to the table.</p>