ajaxtable-pager not working about vuejs-datatable HOT 3 CLOSED

Can you show your code? I need to see, specifically, how you are are implementing the filtering and sorting.

from vuejs-datatable.

template: <div class="row"> <div class="col-xs-12 table-responsive"> <ajaxtable :filter-by="filter" :columns="accountlist_columns" :data="ajax_pagination_url"></ajaxtable> <ajaxtable-pager v-model="page" type="abbreviated" v-bind:per-page="per_page" ></ajaxtable-pager> </div> </div>

script:
<script type="text/javascript" src="js/vue_Ajax_datatable_app.js"></script>

in vue script:
accountlist_columns: [ {label: 'Account No', field: 'acc_no'}, {label: 'Account Name', field: 'acc_name'}, {label: 'Account Type', field: 'acc_type'}, {label: 'Email', field: 'contact_email'}, {label: 'Phone Number', field: 'contact_phone'}, {label: 'Portfolio', field: 'acc_portfolio_value'} ], ajax_pagination_url: '/accounts/accountList',

data displaying in tables but paginate numbers not displaying

from vuejs-datatable.

The datatable doesn't automatically query URL's. You have to run that logic yourself. Here is an example you can follow: https://vuejs-datatable.patrickstephan.me/usage/ajax

from vuejs-datatable.