<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.betamount}}<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.

×
1 answer

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 :

https://forum.vuejs.org/t/table-virtual-scroll/54787

Regards,
KFSys

Submit an Answer