title: Vuetify insert action button in data-table and get row data
body: <p>Environment:</p>
  
  <pre><code>vue@^2.6.10:
  vuetify@^2.1.0
  </code></pre>
  
  <p>I want to use <code>v-data-table</code> to show search results and add evaluate button in each row in the <code>v-data-table</code>.</p>
  
  <p>Unfortunately I have two issues:  </p>
  
  <ol>
  <li>Evaluate buttons are not shown</li>
  <li>I don't know how to get row data of pushed button</li>
  </ol>
  
  <p>What do I need to change?</p>
  
  <p>Template</p>
  
  <pre><code>    &lt;v-data-table
              :headers="headers"
              :items="search_result"
      &gt;
          &lt;template slot="items" slot-scope="row"&gt;
              &lt;td&gt;{{row.item.no}}&lt;/td&gt;
              &lt;td&gt;{{row.item.result}}&lt;/td&gt;
              &lt;td&gt;
                  &lt;v-btn class="mx-2" fab dark small color="pink"&gt;
                      &lt;v-icon dark&gt;mdi-heart&lt;/v-icon&gt;
                  &lt;/v-btn&gt;
              &lt;/td&gt;
          &lt;/template&gt;
      &lt;/v-data-table&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>data () {
              return {
                  headers: [
                      { text: 'no', value: 'no' },
                      { text: 'result', value: 'result' },
                      { text: 'good', value: 'good'},
                  ],
                  // in real case initial search_result = [], and methods: search function inject below data
                  search_result: [{no: 0, result: 'aaa'}, {no:2, result: 'bbb'],
              }
          },
  </code></pre>