@NikClik

Почему не работает сортировка?

Обычная таблица с selectом,
<v-data-table
      v-model="selected"
      :headers="headers"
      :items="ifSearch ? foundData[0] : this.$store.getters.getRefactorData"
      select-all
      :pagination.sync="pagination"
      item-key="ContractNumber"
      class="elevation-1"
    >
      <template slot="headers" slot-scope="props">
        <tr>
          <th>
            <v-checkbox
              :input-value="props.all"
              :indeterminate="props.indeterminate"
              primary
              hide-details
              @click.native="toggleAll"
            ></v-checkbox>
          </th>
          <th
            v-for="header in props.headers"
            :key="header.text"
            @click="changeSort (header.value)"
          >
            <v-icon small>arrow_upward</v-icon>
            {{ header.text }}
          </th>
        </tr>
      </template>
      <template slot="items" slot-scope="props">
        <tr :active="props.selected" @click="props.selected = !props.selected">
          <td>
            <v-checkbox
              :input-value="props.selected"
              primary
              hide-details
            ></v-checkbox>
          </td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.transactionCustomerDate) }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.transactionCustomerNumber) }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.customer)}}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.debtor.secondName) }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.debtor.firstName) }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.debtor.thirdName) }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.debtor.PersonalNumber) }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.ContractNumber) }}</td>
          <td class="text-xs-center">
            {{ calculationCommonDebt (props.item.ContractRepayments, props.item.commonAmount, props.item.AllActions) }}
          </td>
          <td class="text-xs-center">{{ props.item.ContractExecutiveDocument === null ? "Нет данных" :
            props.item.ContractExecutiveDocument.enforcementDepartment }}</td>
          <td class="text-xs-center">{{ addFunc.latestControl(props.item.AllActions) }}</td>
          <td class="text-xs-center">{{props.item.AllActions.length === 0 ? "Нет данных" :
            addFunc.latestDate(props.item.AllActions, 'getLatestDate') }}</td>
          <td class="text-xs-center">{{ checkOnUndef(props.item.debtor.specialist) }}</td>
        </tr>
      </template>
    </v-data-table>

data: () => ({
pagination: {
      sortBy: 'secondName',
      descending: true,
      rowsPerPage: -1
    },
})

methods: {
changeSort (column) {
      if (this.pagination.sortBy === column) {
        this.pagination.descending = !this.pagination.descending
      } else {
        this.pagination.sortBy = column;
        this.pagination.descending = false
      }
    },
}

Взята прямо с vuetifyjs.com, просто адаптирована под мои данные, сортировка не работает вообще, как бы я не вертел параметры пагинации или выставлял фильтр, вообще никак не реагирует, в чем проблема?
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы