diff --git a/examples/routers/table.vue b/examples/routers/table.vue index e4fba36d..cc5cce72 100644 --- a/examples/routers/table.vue +++ b/examples/routers/table.vue @@ -15,7 +15,7 @@
-
+
Table scrolling @@ -143,6 +143,14 @@ city: 'Sydney', zip: 100000 }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + }, { name: 'Jon Snow', age: 26, @@ -152,6 +160,113 @@ zip: 100000 } ], + data31: [ + { + name: 'John Brown', + age: 18, + address: 'New York No. 1 Lake Park', + province: 'America', + city: 'New York', + zip: 100000 + }, + { + name: 'Jim Green', + age: 24, + address: 'Washington, D.C. No. 1 Lake Park', + province: 'America', + city: 'Washington, D.C.', + zip: 100000 + }, + { + name: 'Joe Black', + age: 30, + address: 'Sydney No. 1 Lake Park', + province: 'Australian', + city: 'Sydney', + zip: 100000 + }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + }, + { + name: 'Jim Green', + age: 24, + address: 'Washington, D.C. No. 1 Lake Park', + province: 'America', + city: 'Washington, D.C.', + zip: 100000 + }, + { + name: 'Joe Black', + age: 30, + address: 'Sydney No. 1 Lake Park', + province: 'Australian', + city: 'Sydney', + zip: 100000 + }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + }, + { + name: 'Jim Green', + age: 24, + address: 'Washington, D.C. No. 1 Lake Park', + province: 'America', + city: 'Washington, D.C.', + zip: 100000 + }, + { + name: 'Joe Black', + age: 30, + address: 'Sydney No. 1 Lake Park', + province: 'Australian', + city: 'Sydney', + zip: 100000 + }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + }, + { + name: 'Jon Snow', + age: 26, + address: 'Ottawa No. 2 Lake Park', + province: 'Canada', + city: 'Ottawa', + zip: 100000 + } + ], + fixedHeader: false, tableData1: [], diff --git a/src/components/table/table.vue b/src/components/table/table.vue index d8c62b9e..909961c1 100644 --- a/src/components/table/table.vue +++ b/src/components/table/table.vue @@ -47,7 +47,7 @@ :columns-width="columnsWidth" :data="rebuildData">
-
+
-
+
0 && body.scrollHeight - body.clientHeight > currentScrollTop) { + event.preventDefault(); + } + //body.scrollTop += deltaY; + let step = 0; + let timeId = setInterval(()=>{ + step += 5; + if(deltaY>0){ + body.scrollTop += 2; + } + else{ + body.scrollTop -= 2; + } + if(step >= Math.abs(deltaY)){ + clearInterval(timeId); + } + }, 5); + }, handleMouseWheel (event) { const deltaX = event.deltaX; const $body = this.$refs.body;