개발이야기/Vue - Vuetify

v-data-table items row class 주기

라울이 2021. 8. 24. 20:50
<v-data-table
  :headers="headers"
  :items="items"
  calculate-widths
  item-key="no"
  scrollable
  class="pl-1 pr-1"
  hide-default-footer
  mobile-breakpoint="0"
>

  <template v-slot:item="{ item }">
    <tr class="vertical-align-top">
      <td class="text-center">
        <p class="text-center caption mb-0 mt-3">{{ item.no }}</p>
      </td>
    </tr>
  </template>
  
</v-data-table>

v-data-table의 items 부분에 class를 주고 싶을때 사용