diff --git a/doc/datatable/LazyLoadDoc.vue b/doc/datatable/LazyLoadDoc.vue
index 137dfd41d..c71974420 100644
--- a/doc/datatable/LazyLoadDoc.vue
+++ b/doc/datatable/LazyLoadDoc.vue
@@ -222,7 +222,7 @@ export default {
             const selectAll = event.checked;
 
             if (selectAll) {
-                this.customerService.getCustomers().then(data => {
+                CustomerService.getCustomers().then(data => {
                     this.selectAll = true;
                     this.selectedCustomers = data.customers;
                 });
@@ -336,10 +336,10 @@ const onFilter = () => {
     loadLazyData();
 };
 const onSelectAllChange = (event) => {
-    const selectAll = event.checked;
+    selectAll.value = event.checked;
 
     if (selectAll) {
-        customerService.value.getCustomers().then(data => {
+        CustomerService.getCustomers().then(data => {
             selectAll.value = true;
             selectedCustomers.value = data.customers;
         });
@@ -422,7 +422,7 @@ const onRowUnselect = () => {
             const selectAll = event.checked;
 
             if (selectAll) {
-                this.customerService.getCustomers().then((data) => {
+                CustomerService.getCustomers().then((data) => {
                     this.selectAll = true;
                     this.selectedCustomers = data.customers;
                 });