Dalam kesempatan kali ini saya akan membahas tentang Vuejs. Vuejs sendiri merupakan sebuah Framework Javascript membantu membuat aplikasi modern. Aplikasi JavaScript modern sebagian besar digunakan di Web, tetapi juga memberi kemudahan pada banyak aplikasi seperti Desktop dan Mobile.Jika sahabat pernah menggunakan DataTable dari Jquery tentu tidak asing lagi jika belajat tentang VueJs. Jadi pada Vuejs ada library  Vue-Table fungsinya sama seperti DataTable pada umumnya, disini saya akan membuat table menggunakan vue-table untuk mencari data maupun menfilter data yang ada, bagaimana cara membuatnya silahkan ikutin langkah-langkah berikut.Langkah Pertama buat file html seperti dibawah ini:

pada code diatas saya menggunakan library vuejs, vue-table dan Bootstrap.
Langkah berikutnya tambahkan script seperti berikut:

Disini tableData digunakan contoh data sementara untuk mengisi pada tabelnya, untuk sorting atau filter hanya no ,nama saja.

Jika kita jalankan pada browser maka tampilannya tampak dibawah ini:

cara menggunakan vue-table 

Sekarang jika kita mencari data pada input maka tampilannya seperti berikut

cara menggunakan vue-table vuejs

Demikian pembahasan artikel kali ini tentang cara menggunakan vue-table pada vuejs. Semoga bermanfaat dan selamat mencoba.

terima kasih