개발이야기/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를 주고 싶을때 사용