GroupBy a column (enchantment) about vuetable-2 HOT 6 CLOSED

You can find the link to the code @LimitTech has implemented in the above Add groupBy feature. However, please read through the comment to see its limitation as well.

from vuetable-2.

I don't know how to do a pull request but there are the changes I've done in your package in order to add groupBy feature (Excuse me because I'm not a vue expert and used something from https://codepen.io/andrewcourtice/pen/VabXQV/):

Note that I need the group by feature, so I haven't added conditionals.

1. Make a computed variable

   filteredTableData: function () {
       var key = 'KEY'; // it could be a prop but I put here to show
   
       var groups = {
           data: this.tableData
       };
   
       if (this.tableData) {
           groups = {};
           for (var i = 0; i < this.tableData.length; i++) {
               var row = this.tableData[i];
               var cell = this.getObjectValue(row, key);
               if (!groups.hasOwnProperty(cell)) {
                   groups[cell] = [];
               }
               groups[cell].push(row);
           }
       }
   
       return groups;
   }
   

2. Change template

    ....
   <tbody v-cloak>
   <template v-for="(groupitem, groupindex) in filteredTableData">
       <tr class='...'>
           <td :colspan="fields.length">{{ groupindex }}</td>
       </tr>
       <tr v-for="(item, index) in groupitem" @click="onRowClicked(item, $event)" :render="onRowChanged(item)"
   

from vuetable-2.

@LimitTech You should first fork vuetable-2 into your own repo first. Then, use your forked repo in your code and make any change as you see fit. Make it work in your use case, then from your repo will see "New pull request" button showing up. From there, you can send the pull request to me.

from vuetable-2.

Ok, sorry for changing spaces. I think it was done by PHPStorm automatically.

from vuetable-2.

@LimitTech did you happen to find any workaround for this? I'm stuck at the same place. Need group by feature in vuetable-2.

from vuetable-2.

@LimitTech I am also interested in a "group by" feature in vuetable-2.

from vuetable-2.