search

ratiw / vuetable-2-tutorial-bootstrap

MIT License
31 stars 6 forks source link

Error of loading vuetable pagination after lesson 7 #7

Open ghost opened 7 years ago

ghost commented 7 years ago

Is vuetable-2 have different structure of property with vue-table? In tutorial , 'MyVuetable.vue' I found ```

<vuetable-pagination ref="pagination"
  :css="cssPagination"
  :icons="icons"
  @vuetable-pagination:change-page="onChangePage"
></vuetable-pagination>

But in vuetable-2 source code:

<a @click="loadPage(1)"
  :class="['btn-nav', css.linkClass, isOnFirstPage ? css.disabledClass : '']">
  <i v-if="css.icons.first != ''" :class="[css.icons.first]"></i>
  <span v-else>&laquo;</span>
</a>

So, in your tutorial demo code, should there declare 'icons' under 'cssPagination'?

ratiw commented 7 years ago

@jordan41177 Vuetable-2 has just been updated to v1.6.0 a few days ago and there are some changes related to the CSS. Most of the CSS now integrated under the css prop. Please see the release note.

There is an example code in the repo, here and here

The current tutorial is written with v.1.3.0, so it is not reflecting the changes in v1.6.0 yet. I'm trying to update it when I have enough time.

ghost commented 7 years ago

@ratiw I got it, thanks.