Search about vue-table HOT 8 CLOSED

@NightZpy Sorry, I don't know what you mean. Can you please explain more?

from vue-table.

@ratiw it would be interesting that you added dynamic search as jquery datatable! :D

from vue-table.

@NightZpy The mechanism is already there but the actual search/filter is done on the sever side. I have already demonstrated it in the examples/semantic2.html and examples/bootstrap.html. Please check it out. I'm not sure is that what you're looking for?

from vue-table.

He probably wants a real-time filter like this:

http://www.jqueryscript.net/demo/Simplest-jQuery-Table-Row-Filter-Plugin-LiveSearch/

Here is a vue example:

http://vegibit.com/vue-js-tutorial/#filtering

from vue-table.

@mdaliyan @NightZpy I see. vuetable was not designed to work like that because its data source is always pulled from the server. And it is expected that those data will be quite large, so most of the data processing is expected to be done from the server side.

However, I think it is possible to do that if you don't mind about many round-trip request from the server. You can modify the search functionality in the examples to trigger the vuetable:refresh event when the user type in the search keyword in the input field with debounce filter.

from vue-table.

@ratiw , did you see how vegibit.com did it? I think that approach was quite good and fast.

However, you know what is better for vue-table. I appreciate you, and how you have coded it. I'm planning to use it in my next admin panel. Thanks

from vue-table.

@mdaliyan Many thanks. :)

In that tutorial from vegibit.com, they simply demonstrate the use of Vue.js filter mechanism. It is fast because it only works with the data that's already in the client side.

I think if you have a few hundred of data, this approach is fine and really nice to work with as you just pull the whole data from the server once and filters through them via filterBy or custom filters.

But in case you have (or are expecting to have) thousands of row of data, it would be very costly or even almost impossible to pull the whole data from the server and keep them in the client side for filtering like that. vuetable is designed to work in this scenario, where it is only responsible for displaying a small chunk of data and put the rest of filtering and sorting to the (database) server.

In my opinion, filtering through this small chunk of displayed data does not seem to make much sense because we may be missing out bunch of data that is on the server side that would fit the "filtering criteria" as well.

from vue-table.

Good point. I must say I'm really impressed that are thinking about that many rows.
Thank you Rati.

from vue-table.