Buefy сортировка таблиц не работает - PullRequest
Новая
       5

Buefy сортировка таблиц не работает

0 голосов
/ 22 января 2019

У меня есть огромные данные для отображения в таблице Buefy, и я пытаюсь отсортировать столбцы, используя backend-sorting .Но когда я добавляю ключевое слово backend-sorting в таблицу, он не сортируется. Если удалить это, то таблица сортируется только для этой конкретной страницы, у меня как 100 страниц, и мне нужно отсортировать все вместе,Спасибо за помощь, спасибо.(Я совершенно новичок в vue и buefy, использую c # в бэкэнде) 

<b-table :data="data" striped hoverable paginated :loading="isLoading"
      backend-pagination :total="total" :per-page="perPage" @page-change="onPageChange"
      backend-sorting :default-sort="[sortField, sortOrder]" :default-sort-direction="defaultSortDirection" @sort="onSort">
      
 methods: {
    makePaging () {
      let paging = { 
        ordering: [
          {
            field: this.sortField,
            direction: this.sortOrder === 'asc' ? 'Ascending' : 'Descending'
          }
        ], 
        filtering: [],
        pageNumber: this.pageNumber - 1,
        resultsPerPage: this.perPage
      };      

      return paging;
    },

    async refreshData () {
      this.isLoading = true;

      let paging = this.makePaging();
      let response = await api[API_ENDPOINT](paging);

      this.res= response.data.Records;
      this.total = response.data.TotalRecords;
      this.isLoading = false;
    },

    onPageChange (newPage) {
      this.pageNumber = newPage;
      this.refreshData();
    },

    onSort (field, order) {
      this.sortField = field;
      this.sortOrder = order;
      this.refreshData();
    }
  }
...