Fixed table loader on scrolling

src/components/datatable/DataTable.vue

@@ -1979,5 +1979,6 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
+    z-index: 1;
 }
 </style>

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.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.frozenCars = [
             {brand: "BMW", year: 2013, color: "Grey", vin: "fh2uf23"},