How to set up vue-awesome-swiper for a table?

Question

Vue.js

I use vue.js + quasar
I want the table to be able to scroll left and right by holding LMB and moving the mouse.
The vue-awesome-swiper plugin is suitable for this. It
works well everywhere, except in the table.
For some reason the table doesn't scroll all the way.
For clarity, please see the demo on codepen

How to fix?

Answer 1

https://jsfiddle.net/g8zwuj3d/