본문 바로가기

개발이야기/Vue - Vuetify

v-data-table items row class 주기

<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