Can we auto-scrolling the table list with vue.js?

Posted on September 26, 2020

<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>

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

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.

KFSys

September 28, 2020

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 :