From 4f4a5956f10d5625e33ded8082f5ee702fc68b48 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Wed, 27 May 2020 15:18:20 +0300 Subject: [PATCH] Fixed table loader on scrolling --- src/components/datatable/DataTable.vue | 1 + src/views/datatable/DataTableScrollDemo.vue | 20 ++++++++------------ 2 files changed, 9 insertions(+), 12 deletions(-) diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue index 28ed846a0..972357dc9 100755 --- a/src/components/datatable/DataTable.vue +++ b/src/components/datatable/DataTable.vue @@ -1979,5 +1979,6 @@ export default { display: flex; align-items: center; justify-content: center; + z-index: 1; } diff --git a/src/views/datatable/DataTableScrollDemo.vue b/src/views/datatable/DataTableScrollDemo.vue index 412b20844..5733d215f 100755 --- a/src/views/datatable/DataTableScrollDemo.vue +++ b/src/views/datatable/DataTableScrollDemo.vue @@ -259,12 +259,10 @@ export default { mounted() { this.loading = true; - setTimeout(() => { - this.carService.getCarsLarge().then(data => { - this.cars = data - this.loading = false; - }); - }, 150); + this.carService.getCarsLarge().then(data => { + this.cars = data + this.loading = false; + }); this.frozenCars = [ {brand: "BMW", year: 2013, color: "Grey", vin: "fh2uf23"}, @@ -389,12 +387,10 @@ export default { mounted() { this.loading = true; - setTimeout(() => { - this.carService.getCarsLarge().then(data => { - this.cars = data - this.loading = false; - }); - }, 150); + this.carService.getCarsLarge().then(data => { + this.cars = data + this.loading = false; + }); this.frozenCars = [ {brand: "BMW", year: 2013, color: "Grey", vin: "fh2uf23"},