title: Computed properties in Vuetify Datatable rows
body: <p>I am using Vuetify and Vuetify/Datatables for a website.
  Now I want some <code>computed</code> properties on every row of the table.</p>
  
  <p>To do that I would probably need to make a component of the <code>&lt;template&gt;</code> element and add computed properties to that component. I tried <code>&lt;template is="myComponent" :m="props.item"&gt;</code> but this did not work.</p>
  
  <pre><code>&lt;v-data-table
    :headers="headers"
    :items="items"
    hide-actions
    class="elevation-1"
  &gt;
    &lt;template slot="items" slot-scope="props"&gt;
      &lt;td&gt;{{ THIS_VALUE_COMPUTED }}&lt;/td&gt;
      &lt;td class="text-xs-right"&gt;{{ props.item.calories }}&lt;/td&gt;
      &lt;td class="text-xs-right"&gt;{{ props.item.fat }}&lt;/td&gt;
      &lt;td class="text-xs-right"&gt;{{ props.item.carbs }}&lt;/td&gt;
      &lt;td class="text-xs-right"&gt;{{ props.item.protein }}&lt;/td&gt;
      &lt;td class="text-xs-right"&gt;{{ props.item.iron }}&lt;/td&gt;
    &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>