feat(QTable): Improve virtual-scroll event handling quasarframework#5494

Author: rstoenescu

ui/src/components/table/QTable.js

@@ -265,7 +265,7 @@ export default Vue.extend({
             type: '__qtable'
           },
           on: {
-            'virtual-scroll': (e) => this.$emit('virtual-scroll', e)
+            'virtual-scroll': this.__onVScroll
           },
           class: this.tableClass,
           style: this.tableStyle,
@@ -282,6 +282,10 @@ export default Vue.extend({
           header,
           this.getTableBody(h)
         ])
+    },
+
+    __onVScroll (info) {
+      this.$emit('virtual-scroll', info)
     }
   }
 })

ui/src/components/table/QTable.json

@@ -1279,6 +1279,39 @@
           ]
         }
       }
+    },
+
+    "virtual-scroll": {
+      "desc": "Emitted when the virtual scroll occurs, if using virtual scroll",
+      "params": {
+        "details": {
+          "type": "Object",
+          "desc": "Object of properties on the new scroll position",
+          "definition": {
+            "index": {
+              "type": "Number",
+              "desc": "Index of the list item that was scrolled into view (0 based)",
+              "examples": [ 30 ]
+            },
+            "from": {
+              "type": "Number",
+              "desc": "The index of the first list item that is rendered (0 based)",
+              "examples": [ 10 ]
+            },
+            "to": {
+              "type": "Number",
+              "desc": "The index of the last list item that is rendered (0 based)",
+              "examples": [ 50 ]
+            },
+            "direction": {
+              "type": "String",
+              "desc": "Direction of change",
+              "values": [ "increase", "decrease" ]
+            }
+          }
+        }
+      },
+      "addedIn": "v1.4.1"
     }
   },