Reactive data client side about vue-tables HOT 3 CLOSED

You need to bind this, so it will refer to your Vue instance:

this.$http.jsonp('http://localhost:8080/').then(function(res){
              this.listeCnts=JSON.stringify(res.data)
          }.bind(this)); 

Also, JSON.stringify converts your data to a string. You need to pass an array.

from vue-tables.

Updating one variable doesn't affect another. You should assign itemCategories directly to v-client-table, and skip the tableData middleman altogether.

from vue-tables.

I have a similar problem.
<v-client-table :data="listeCnts" :columns="columns" :options="options"> </v-client-table>

In my app, i use a REST API for change the data of listeCnts:

Vue.use(VueTables.client, {filterByColumn: true});

new Vue({
  el: "#app",
  data: {
    listeCnts: [ 
      { id:1, numcnt : '5748', reg:'NE' },
      { id:2, numcnt : '4875', reg:'OU' },
    ],
    columns:['id','numcnt','reg'],
    options: {},
   },
   methods: {
      recup: function () {
          this.$http.jsonp('http://localhost:8080/').then(function(res){
              this.listeCnts=JSON.stringify(res.data)
          }); 
      }
  }
});

If i print listeCnts values after the call of recup function. I can see the values of listCnts had change but not my table.

from vue-tables.