vuetable-2 icon indicating copy to clipboard operation
vuetable-2 copied to clipboard

VuetablePagination not working properly

Open fsguru007 opened this issue 5 years ago • 2 comments

I use vuetable-2 with laravel and pagination component is not being displayed on frontend. Version: vuetable-2 2.0.0-beta.4 This is my code.

<vuetable ref="vuetable"
                     api-url="{{ route('admin.companies') }}"
                     :fields="fields_config"
                     data-path=""
                     pagination-path=""
                     :css="css_config"
                     :show-sort-icons="true"
                     :sort-order="initial_sort"
                     :append-params="additionalParams"
                     :per-page="3"
                     @vuetable:pagination-data="onPaginationData"
                     @vuetable:loading="onLoading"        
                     @vuetable:loaded="onLoaded"
                   >
                   </vuetable>
                   <div class="p-3" >
                       <vuetable-pagination ref="pagination"
                           :css="pagination"
                           @vuetable-pagination:change-page="onChangePage"
                       ></vuetable-pagination>
                   </div>

I tried Inspect Element and there's not any console error log and the pagination component was hidden by inline style display:none image

Looking for help from someone. Thanks.

fsguru007 avatar May 11 '20 09:05 fsguru007

Remove data-path property from your vuetable component

mano9dev avatar May 26 '20 12:05 mano9dev

removing data-path, does not help in my case data doesn't display after removing

Fanom2813 avatar Jan 23 '23 08:01 Fanom2813