<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를 주고 싶을때 사용
'개발이야기 > Vue - Vuetify' 카테고리의 다른 글
vue router 현재 페이지 갱신 (0) | 2022.01.10 |
---|---|
image base64 Url 변환 (0) | 2021.08.26 |
text-filed 엔터 입력 로그인 (0) | 2021.03.23 |
v-tooltip 위치 변경 (0) | 2021.01.28 |
vuetify v-tabs slider 안보이는 버그 (0) | 2021.01.25 |