<tbody> <tr v-for=“(item,index) in recents” v-if=“item.user_id==user.id”> <td class=“change-color”>{{fourDigit(item.id)}}</td> <td class=“change-color”>{{item.draw.name}}</td> <td class=“change-color”>{{item.rule.name}}</td> <td class=“change-color” >{{item.bet_amount}}<img src=“app/assets/images/dropdown-3.png” class=“img” /></td> </tr> <tr v-for=“(item,index) in recents” v-if=“item.user_id!=user.id”> <td >{{fourDigit(item.id)}}</td> <td >{{item.draw.name}}</td> <td >{{item.rule.name}}</td> <td :class=“[ (index%2==0) ? ‘change-color-1’ : ‘change-color-2’]” >{{item.bet_amount}}<img src=“app/assets/images/dropdown-3.png” class=“img” /></td> </tr> </tbody> </table>
These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.
Hello,
I’m pretty sure that’s possible. Additionally, after a quick Google search, I can see that there are some plugins/articles you can use to do achieve the desired outcome.
One of the things I mentioned first was located in the VueJS forum :
Regards, KFSys