linmasahiro / vue3-table-lite

A simple and lightweight data table component for Vue.js 3. Features sorting, paging, row check, dynamic data rendering, supported TypeScript, and more.
https://vue3-lite-table.vercel.app/
MIT License
248 stars 73 forks source link

V-Slot mode with search filter #30

Closed prajit21 closed 2 years ago

prajit21 commented 2 years ago

Is there is any example for V-Slot mode with search filter ?

prajit21 commented 2 years ago

can you please add filter with v-slot mode ?

linmasahiro commented 2 years ago

Is there is any example for V-Slot mode with search filter ?

Hi @prajit21

I am uploaded example on here. Check it. https://github.com/linmasahiro/vue3-table-lite/blob/master/src/examples/FilterWithVSlotMode.vue

Usage manual: https://linmasahiro.github.io/vue3-table-lite/dist/api.html#slots

prajit21 commented 2 years ago

Thanks you so much for that :)

prajit21 commented 2 years ago

I have used same example but pagination, sorting not working any solution ?

linmasahiro commented 2 years ago

I have used same example but pagination, sorting not working any solution ?

Hi, @prajit21 I am tried to ran my example again, and I sure it's work. Maybe you can fork my repository and follow under step to run and check it.

1. Edit advance.ts and save.
  - import Filter from './examples/Filter.vue'
  + import Filter from './examples/FilterWithVSlotMode.vue'

2. $ npm run serve
3. Access `http://localhost:8080/advanced.html#filter`
linmasahiro commented 2 years ago

Hello @linmasahiro so is there any way to use search and doSearch Method simultaneity ?

Hi @prajit21 You can refs https://github.com/linmasahiro/vue3-table-lite/blob/master/src/examples/Filter2.vue and rewrite myRequest to implement get your api data like doSearch().

linmasahiro commented 2 years ago

I am closing this issue. If you still have problem, reopen the issue.