Question

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

  • Posted September 26, 2020
  • PHP

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

Subscribe
Share

Submit an 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.

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