ratiw / vuetable-2-tutorial-bootstrap

MIT License
31 stars 6 forks source link

Events after filtering #12

Open coisox opened 6 years ago

coisox commented 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.

ratiw commented 6 years ago

@coisox I think you might have misunderstood Vuetable-2 with another library.

ratiw commented 6 years ago

@coisox I think you might have misunderstood Vuetable-2 with another library.