Open coisox opened 6 years ago
In my html file, I do this:
<script src="lib/vue-tables-2.min.js"></script> <div id="myapp"> <v-client-table :id="item.id" :name="item.id" :columns="vueTableColumn" :data="vueTableData" :options="vueTableOption"> <template slot="Action" scope="props"> <a><i class="fa fa-eye"></i></a> </template> </v-client-table> </div>
In my vue script, I do this:
Vue.use(VueTables.ClientTable, { compileTemplates: true, filterByColumn: true }); myapp = new Vue({ el: '#myapp', data: ..., mounted: function() { //do here } });
I wan't to display an alert, each time the user has type in the filter column (class VueTables__Date-filter-wrapper) and the table has done rendering new row based on the filter.
Based on https://ratiw.github.io/vuetable-2/#/Vuetable-Events, I believe I must use #vuetable:row-changed but I don't know how.
@coisox I think you might have misunderstood Vuetable-2 with another library.
In my html file, I do this:
In my vue script, I do this:
I wan't to display an alert, each time the user has type in the filter column (class VueTables__Date-filter-wrapper) and the table has done rendering new row based on the filter.
Based on https://ratiw.github.io/vuetable-2/#/Vuetable-Events, I believe I must use #vuetable:row-changed but I don't know how.