title: how to take sum and display it in vuetify datatable
body: <p>Hi friends I am new to Vue. Pleas help me I am using vue2, vuetify 0.17 and datatable component. My problem is I want to take sum of area, floor columns from the data. I calculated the running total using map function and stored it in total{'area' : 100, 'floor':7}. Now in footer  I want to display the totals. </p>
  
  <pre><code>&lt;v-data-table
  v-bind:headers="listData.columnProperty"
  v-bind:items="listData.data"
  v-bind:search="search"
  :totals="{area : 100, flat : 7}" //is it allowed
  &gt;
  &lt;template slot="footer" slot-scope="totals"&gt;
  Footer {{ totals}} {{ totals['area']}}
  &lt;/template&gt;
  </code></pre>
  
  <p>Please share any example which create a total and displays it into the footer. I need it badly.</p>