Fixed #841 - New Lazy DataTable Demo with Remote Source

src/service/CustomerService.js

@@ -4,17 +4,21 @@ export default class CustomerService {
 
 	getCustomersSmall() {
 		return axios.get('demo/data/customers-small.json').then(res => res.data.data);
-    }
+  }
 
-    getCustomersMedium() {
+  getCustomersMedium() {
 		return axios.get('demo/data/customers-medium.json').then(res => res.data.data);
-    }
+  }
 
-    getCustomersLarge() {
+  getCustomersLarge() {
 		return axios.get('demo/data/customers-large.json').then(res => res.data.data);
-    }
+  }
 
-    getCustomersXLarge() {
+  getCustomersXLarge() {
 		return axios.get('demo/data/customers-xlarge.json').then(res => res.data.data);
-	}
+  }
+  
+  getCustomers() {
+    return axios.get('https://www.primefaces.org/data/customers').then(res => res.data.customers)
+  }
 }

src/views/datatable/DataTableLazyDemo.vue

@@ -58,7 +58,7 @@ export default {
         this.loading = true;
 
         setTimeout(() => {
-            this.customerService.getCustomersLarge().then(data => {
+            this.customerService.getCustomers().then(data => {
                 this.datasource = data;
                 this.totalRecords = data.length,
                 this.customers = this.datasource.slice(0, 10);
@@ -105,7 +105,7 @@ export default {
         this.loading = true;
 
         setTimeout(() => {
-            this.customerService.getCustomersLarge().then(data => {
+            this.customerService.getCustomers().then(data => {
                 this.datasource = data;
                 this.totalRecords = data.length,
                 this.customers = this.datasource.slice(0, 10);