title: How to display the index of an array using the vuetify data table?
body: <p>I have a response from server which has the array of data passing to my vue instance. I have completed the data table using that array.But all i need to know how can I display the index of my array for serial no.</p>
  <p>here i am attaching my component code
  My response is ok and table is ok too.I just need to increase a column more and display the index value there.</p>
  <p>My array name is customers.</p>
  <pre><code>&lt;v-data-table
    v-bind:headers=&quot;headers&quot;
    v-bind:items=&quot;customers&quot;
    v-bind:search=&quot;search&quot;
    v-cloak
    &gt;
    &lt;template slot=&quot;items&quot; scope=&quot;props&quot;&gt;
    &lt;td class=&quot;text-xs-center&quot;&gt;@{{ props.item.id }}&lt;/td&gt;
    &lt;td class=&quot;text-xs-center&quot;&gt;
      &lt;v-edit-dialog
        lazy
        @{{ props.item.name }}
        &gt;
        &lt;v-text-field
          slot=&quot;input&quot;
          label=&quot;Edit&quot;
          v-model=&quot;props.item.name&quot;
          single-line
          counter
          :rules=&quot;[max25chars]&quot;
          &gt;&lt;/v-text-field&gt;
      &lt;/v-edit-dialog&gt;
    &lt;/td&gt;
    &lt;td class=&quot;text-xs-center&quot;&gt;@{{ props.item.email }}&lt;/td&gt;
    &lt;td class=&quot;text-xs-center&quot;&gt;@{{ props.item.email }}&lt;/td&gt;
    &lt;td class=&quot;text-xs-center&quot;&gt;@{{ props.item.created_at }}&lt;/td&gt;
    &lt;td class=&quot;text-xs-center&quot;&gt;
      &lt;v-btn small outline fab class=&quot;red--text&quot; @click=&quot;showWarning(props.item.id)&quot;&gt;
        &lt;v-icon&gt;mdi-account-remove&lt;/v-icon&gt;
      &lt;/v-btn&gt;
      &lt;v-btn small outline fab class=&quot;green--text&quot; @click=&quot;showWarning(props.item.id)&quot;&gt;
        &lt;v-icon&gt;mdi-account-off&lt;/v-icon&gt;
      &lt;/v-btn&gt;
    &lt;/td&gt;
    &lt;/template&gt;
    &lt;template slot=&quot;pageText&quot; scope=&quot;{ pageStart, pageStop }&quot;&gt;
      From @{{ pageStart }} to @{{ pageStop }}
    &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>