Where can I see a working demo of vue-tables-2?

Question

JavaScript

Good afternoon, dear connoisseurs. The question of the following property: migrating from Angular 1.6 to Vue 2. Since the application has a statistical focus, and the data is displayed in a table (at this stage we use ng-table), it is obvious that the central component of the application is tables. ng-table supports the following features that are vital for the target application:
1) building a table based on json with both server and client pagination
2) grouping rows by a specific property with the ability to collapse and expand groups
3) sorting
4) filtering (the ability to filter both on the client and on the server)
5) support for custom templates for cells in the table that display some specific properties
6) search for the maximum and minimum values ​​in the columns and its visual selection
7) the ability to set the perPage counter After
analyzing these input properties, I found two suitable options for implementation (so as not to write my bike):
1) https://github.com/matfish2/ vue-tables-2 (I even found the possibility of grouping through custom templates https://github.com/mosinve/vue-tables-grouping, special thanks to the author)
2) https://github.com/ratiw/vue-table
Both, in principle, meet the stated requirements, one of them even has a tutorial. My question is: share your impressions of using these tools: what are the disadvantages, what are the advantages, maybe there is some experience of advanced customization for specific solutions. In general, any information and experience with these components is of interest.
Z.Y. If you have experience with Ror + Vue 2, I will be happy to chat and ask a couple of questions in person. Thanks in advance to everyone who responded.

Answer 1

The second ratiw/vuetable component (what with the tutorial) exists in a separate repository for the second version of Vue https://github.com/ratiw/vuetable-2
Unfortunately, I have tried ONLY this very second component so far. Quite good, in my opinion. While playing a little with it in conjunction with Laravel . I think it will be the same with RoR. On the server side, use a paginator, etc.
Made by ratiw/vuetable-2, it seems, by a smart guy. It is felt that a person is trying to do everything right and well. Breaks into separate components and files where necessary.
Of the minuses of ratiw / vuetable-2, so far, I have identified some incompleteness. There are not enough properties to set column widths like in jquery datatables or jqgrid. Because of this, long text makes columns multiline. Perhaps the author intended to put this task on the shoulders of css. But usually in table components there are special properties for this.
ratiw/vuetable-2 doesn't have Bootstrap styles out of the box. I had to look for an example of the author on the old version, take it from there and finish it.
Some properties in ratiw/vuetable-2 would like to be available by default, rather than writing them manually each time.
But, in general, I would take ratiw/vuetable-2 to production.
The first one (matfish2/vue-tables-2), didn't try it. Here's a demo I googled . I apologize if the button accordion.
UPD (2017-05-11): To the question of setting the width of the columns, the author (ratiw) gave a link on how to do it . Haven't looked in detail yet. But it should work.
UPD2 (2017-05-18): Looked at matfish2/vue-tables-2 quite a bit yesterday. I did not find any, straight, strong differences between these two components. In terms of functions, I can’t single out any leader yet.
Well, matfish2/vue-tables-2 has the built-in ability to add a line with filters below the table header. But I have doubts that someone needs it in this form. Although it is possible.
But matfish2/vue-tables-2, as I understand it, is tailored for Twitter Bootstrap, while ratiw/vuetable-2 is not style bound.
In matfish2/vue-tables-2, pagination is built-in, while in ratiw/vuetable-2 it is a separate component (can be placed above or below).

Answer 2

jsfiddle.net/CristiJ/z11fe07p/1318
here is the vuetable-2 demo

Answer 3

https://github.com/ratiw/vuetable-sample-api-endpoint