v-data-table 바닥글에서 페이지당 텍스트 행 수 설정

v-data-table 바닥글에서 페이지당 텍스트 행 수 설정

Vuetify의 v-data-tables로 작업 중이고...

이 텍스트를 변경하려는 경우:

이 코드를 추가했지만 작동하지 않음:

고마워!

당신은 사용할 수 있다.'items-per-page-text':'products per page':

  <v-data-table
      :headers="headers"
      :items="desserts"
      :items-per-page="5"
      item-key="name"
      class="elevation-1"
      :footer-props="{
        showFirstLastPage: true,
        firstIcon: 'mdi-arrow-collapse-left',
        lastIcon: 'mdi-arrow-collapse-right',
        prevIcon: 'mdi-minus',
        nextIcon: 'mdi-plus',
           'items-per-page-text':'products per page'
      }"
    ></v-data-table>

이것을 확인하십시오.

투시법 2.X의 올바른 받침은 페이지당 텍스트:

<v-data-table
      :footer-props="{itemsPerPageText: 'Rows count'}"
></v-data-table>

<template v-slot:[`footer.page-text`]="items"> 
  {{ items.pageStart }} - {{ items.pageStop }} de {{ items.itemsLength }}
</template>

참조URL: https://stackoverflow.com/questions/62259868/vuetify-change-text-rows-per-page-text-in-v-data-tables-footer