diff --git a/dev/App.vue b/dev/App.vue
index d2345f6d..b693a94c 100644
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -54,12 +54,11 @@ export default {
       rowStyleClass: 'red',
       searchTerm: '',
       paginationOptions: {
-        mode: 'pages',
+        mode: 'records',
         enabled: true,
         perPage: 5,
         perPageDropdown: [3, 50, 100, 200, 300, 500, 1000],
         perPageDropdownEnabled: true,
-        setCurrentPage: 2,
         // infoFn: (params) => `alala ${params.firstRecordOnPage} to ${params.lastRecordOnPage} of ${params.totalRecords}`,
       },
       columns: [
diff --git a/package-lock.json b/package-lock.json
index a1b1bac4..db358cb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,10 +10,6 @@
       "dependencies": {
         "date-fns": "^2.0.0-beta.4",
         "diacriticless": "1.0.1",
-        "lodash.assign": "^4.2.0",
-        "lodash.clonedeep": "^4.5.0",
-        "lodash.filter": "^4.6.0",
-        "lodash.foreach": "^4.5.0",
         "lodash.isequal": "^4.5.0"
       },
       "devDependencies": {
@@ -11049,11 +11045,6 @@
       "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
       "dev": true
     },
-    "node_modules/lodash.assign": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
-      "integrity": "sha1-DZnzzNem0mHRm9rrkkUAXShYCOc="
-    },
     "node_modules/lodash.camelcase": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
@@ -11063,7 +11054,8 @@
     "node_modules/lodash.clonedeep": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -11071,16 +11063,6 @@
       "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
       "dev": true
     },
-    "node_modules/lodash.filter": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.filter/-/lodash.filter-4.6.0.tgz",
-      "integrity": "sha1-ZosdSYFgOuHMWm+nYBQ+SAtMSs4="
-    },
-    "node_modules/lodash.foreach": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
-      "integrity": "sha1-Gmo16s5AEoDH8G3d7DUWWrJ+PlM="
-    },
     "node_modules/lodash.isequal": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
@@ -29101,11 +29083,6 @@
       "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
       "dev": true
     },
-    "lodash.assign": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
-      "integrity": "sha1-DZnzzNem0mHRm9rrkkUAXShYCOc="
-    },
     "lodash.camelcase": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
@@ -29115,7 +29092,8 @@
     "lodash.clonedeep": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
     },
     "lodash.debounce": {
       "version": "4.0.8",
@@ -29123,16 +29101,6 @@
       "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
       "dev": true
     },
-    "lodash.filter": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.filter/-/lodash.filter-4.6.0.tgz",
-      "integrity": "sha1-ZosdSYFgOuHMWm+nYBQ+SAtMSs4="
-    },
-    "lodash.foreach": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
-      "integrity": "sha1-Gmo16s5AEoDH8G3d7DUWWrJ+PlM="
-    },
     "lodash.isequal": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
diff --git a/package.json b/package.json
index d7dfdf09..3cb7d82f 100644
--- a/package.json
+++ b/package.json
@@ -44,10 +44,6 @@
   "dependencies": {
     "date-fns": "^2.0.0-beta.4",
     "diacriticless": "1.0.1",
-    "lodash.assign": "^4.2.0",
-    "lodash.clonedeep": "^4.5.0",
-    "lodash.filter": "^4.6.0",
-    "lodash.foreach": "^4.5.0",
     "lodash.isequal": "^4.5.0"
   },
   "devDependencies": {
diff --git a/src/components/Table.vue b/src/components/Table.vue
index 59511243..328ca45c 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -340,10 +340,6 @@
 </template>
 
 <script>
-import each from 'lodash.foreach';
-import assign from 'lodash.assign';
-import cloneDeep from 'lodash.clonedeep';
-import filter from 'lodash.filter';
 import isEqual from 'lodash.isequal';
 import defaultType from './types/default';
 import VgtPagination from './pagination/VgtPagination.vue';
@@ -356,7 +352,7 @@ import * as CoreDataTypes from './types/index';
 
 const dataTypes = {};
 const coreDataTypes = CoreDataTypes.default;
-each(Object.keys(coreDataTypes), (key) => {
+Object.keys(coreDataTypes).forEach((key) => {
   const compName = key.replace(/^\.\//, '').replace(/\.js/, '');
   dataTypes[compName] = coreDataTypes[key].default;
 });
@@ -635,8 +631,8 @@ export default {
 
     selectedPageRows() {
       const selectedRows = [];
-      each(this.paginated, (headerRow) => {
-        each(headerRow.children, (row) => {
+      this.paginated.forEach((headerRow) => {
+        headerRow.children.forEach((row) => {
           if (row.vgtSelected) {
             selectedRows.push(row);
           }
@@ -647,8 +643,8 @@ export default {
 
     selectedRows() {
       const selectedRows = [];
-      each(this.processedRows, (headerRow) => {
-        each(headerRow.children, (row) => {
+      this.processedRows.forEach((headerRow) => {
+        headerRow.children.forEach((row) => {
           if (row.vgtSelected) {
             selectedRows.push(row);
           }
@@ -694,17 +690,17 @@ export default {
       return false;
     },
     totalRowCount() {
-      let total = 0;
-      each(this.processedRows, (headerRow) => {
-        total += headerRow.children ? headerRow.children.length : 0;
-      });
+      const total = this.processedRows.reduce((total, headerRow) => {
+        const childrenCount = headerRow.children ? headerRow.children.length : 0;
+        return total + childrenCount;
+      }, 0);
       return total;
     },
     totalPageRowCount() {
-      let total = 0;
-      each(this.paginated, (headerRow) => {
-        total += headerRow.children ? headerRow.children.length : 0;
-      });
+      const total = this.paginated.reduce((total, headerRow) => {
+        const childrenCount = headerRow.children ? headerRow.children.length : 0;
+        return total + childrenCount;
+      }, 0);
       return total;
     },
     wrapStyleClasses() {
@@ -762,12 +758,12 @@ export default {
         // here also we need to de-construct and then
         // re-construct the rows.
         const allRows = [];
-        each(this.filteredRows, (headerRow) => {
+        this.filteredRows.forEach((headerRow) => {
           allRows.push(...headerRow.children);
         });
         const filteredRows = [];
-        each(allRows, (row) => {
-          each(this.columns, (col) => {
+        allRows.forEach((row) => {
+          this.columns.forEach((col) => {
             // if col does not have search disabled,
             if (!col.globalSearchDisabled) {
               // if a search function is provided,
@@ -809,11 +805,11 @@ export default {
         // here we need to reconstruct the nested structure
         // of rows
         computedRows = [];
-        each(this.filteredRows, (headerRow) => {
+        this.filteredRows.forEach((headerRow) => {
           const i = headerRow.vgt_header_id;
-          const children = filter(filteredRows, ['vgt_id', i]);
+          const children = filteredRows.filter((r) => r.vgt_id === i);
           if (children.length) {
-            const newHeaderRow = cloneDeep(headerRow);
+            const newHeaderRow = JSON.parse(JSON.stringify(headerRow));
             newHeaderRow.children = children;
             computedRows.push(newHeaderRow);
           }
@@ -868,7 +864,7 @@ export default {
 
       //* flatten the rows for paging.
       let paginatedRows = [];
-      each(this.processedRows, (childRows) => {
+      this.processedRows.forEach((childRows) => {
         //* only add headers when group options are enabled.
         if (this.groupOptions.enabled) {
           paginatedRows.push(childRows);
@@ -903,7 +899,7 @@ export default {
         //* header row?
         if (flatRow.vgt_header_id !== undefined) {
           this.handleExpanded(flatRow);
-          const newHeaderRow = cloneDeep(flatRow);
+          const newHeaderRow = JSON.parse(JSON.stringify(flatRow));
           newHeaderRow.children = [];
           reconstructedRows.push(newHeaderRow);
         } else {
@@ -912,7 +908,7 @@ export default {
           if (!hRow) {
             hRow = this.processedRows.find(r => r.vgt_header_id === flatRow.vgt_id);
             if (hRow) {
-              hRow = cloneDeep(hRow);
+              hRow = JSON.parse(JSON.stringify(hRow));
               hRow.children = [];
               reconstructedRows.push(hRow);
             }
@@ -924,7 +920,7 @@ export default {
     },
 
     originalRows() {
-      const rows = cloneDeep(this.rows);
+      const rows = JSON.parse(JSON.stringify(this.rows));
       let nestedRows = [];
       if (!this.groupOptions.enabled) {
         nestedRows = this.handleGrouped([
@@ -939,8 +935,8 @@ export default {
       // we need to preserve the original index of
       // rows so lets do that
       let index = 0;
-      each(nestedRows, (headerRow, i) => {
-        each(headerRow.children, (row, j) => {
+      nestedRows.forEach((headerRow) => {
+        headerRow.children.forEach((row) => {
           row.originalIndex = index++;
         });
       });
@@ -949,7 +945,7 @@ export default {
     },
 
     typedColumns() {
-      const columns = assign(this.columns, []);
+      const columns = this.columns;
       for (let i = 0; i < this.columns.length; i++) {
         const column = columns[i];
         column.typeDef = this.dataTypes[column.type] || defaultType;
@@ -1037,8 +1033,8 @@ export default {
     unselectAllInternal(forceAll) {
       const rows =
         this.selectAllByPage && !forceAll ? this.paginated : this.filteredRows;
-      each(rows, (headerRow, i) => {
-        each(headerRow.children, (row, j) => {
+      rows.forEach((headerRow, i) => {
+        headerRow.children.forEach((row, j) => {
           this.$set(row, 'vgtSelected', false);
         });
       });
@@ -1051,8 +1047,8 @@ export default {
         return;
       }
       const rows = this.selectAllByPage ? this.paginated : this.filteredRows;
-      each(rows, (headerRow) => {
-        each(headerRow.children, (row) => {
+      rows.forEach((headerRow) => {
+        headerRow.children.forEach((row) => {
           this.$set(row, 'vgtSelected', true);
         });
       });
@@ -1060,7 +1056,7 @@ export default {
     },
 
     toggleSelectGroup(event, headerRow) {
-      each(headerRow.children, (row) => {
+      headerRow.children.forEach((row) => {
         this.$set(row, 'vgtSelected', event.checked);
       });
     },
@@ -1203,7 +1199,7 @@ export default {
         this.handleSearch();
         // we reset the filteredRows here because
         // we want to search across everything.
-        this.filteredRows = cloneDeep(this.originalRows);
+        this.filteredRows = JSON.parse(JSON.stringify(this.originalRows));
         this.forceSearch = true;
         this.sortChanged = true;
       }
@@ -1317,7 +1313,7 @@ export default {
       // this is invoked either as a result of changing filters
       // or as a result of modifying rows.
       this.columnFilters = columnFilters;
-      let computedRows = cloneDeep(this.originalRows);
+      let computedRows = JSON.parse(JSON.stringify(this.originalRows));
 
       // do we have a filter to care about?
       // if not we don't need to do anything
@@ -1359,7 +1355,7 @@ export default {
         for (let i = 0; i < this.typedColumns.length; i++) {
           const col = this.typedColumns[i];
           if (this.columnFilters[fieldKey(col.field)]) {
-            computedRows = each(computedRows, (headerRow) => {
+            computedRows.forEach((headerRow) => {
               const newChildren = headerRow.children.filter((row) => {
                 // If column has a custom filter, use that.
                 if (
@@ -1428,7 +1424,7 @@ export default {
     },
 
     handleGrouped(originalRows) {
-      each(originalRows, (headerRow, i) => {
+      originalRows.forEach((headerRow, i) => {
         headerRow.vgt_header_id = i;
         if (
           this.groupOptions.maintainExpanded &&
@@ -1436,7 +1432,7 @@ export default {
         ) {
           this.$set(headerRow, 'vgtIsExpanded', true);
         }
-        each(headerRow.children, (childRow) => {
+        headerRow.children.forEach((childRow) => {
           childRow.vgt_id = i;
         });
       });
diff --git a/src/components/VgtFilterRow.vue b/src/components/VgtFilterRow.vue
index fc8718b0..0410dc45 100644
--- a/src/components/VgtFilterRow.vue
+++ b/src/components/VgtFilterRow.vue
@@ -60,7 +60,6 @@
 </template>
 
 <script>
-import isEqual from 'lodash.isequal';
 
 export default {
   name: 'VgtFilterRow',
diff --git a/src/components/VgtTableHeader.vue b/src/components/VgtTableHeader.vue
index 2b20f17c..56f0c7f7 100644
--- a/src/components/VgtTableHeader.vue
+++ b/src/components/VgtTableHeader.vue
@@ -55,9 +55,8 @@
 </template>
 
 <script>
-import assign from 'lodash.assign';
 import VgtFilterRow from './VgtFilterRow.vue';
-import * as SortUtils from './utils/sort.js';
+import { primarySort, secondarySort } from './utils/sort';
 
 export default {
   name: 'VgtTableHeader',
@@ -165,9 +164,9 @@ export default {
       if (!this.isSortableColumn(column)) return;
 
       if (e.shiftKey) {
-        this.sorts = SortUtils.secondarySort(this.sorts, column);
+        this.sorts = secondarySort(this.sorts, column);
       } else {
-        this.sorts = SortUtils.primarySort(this.sorts, column);
+        this.sorts = primarySort(this.sorts, column);
       }
       this.$emit('on-sort-change', this.sorts);
     },
@@ -193,7 +192,7 @@ export default {
     },
 
     getHeaderClasses(column, index) {
-      const classes = assign({}, this.getClasses(index, 'th'), {
+      const classes = Object.assign({}, this.getClasses(index, 'th'), {
         sortable: this.isSortableColumn(column),
         'sorting sorting-desc': this.getColumnSort(column) === 'desc',
         'sorting sorting-asc': this.getColumnSort(column) === 'asc',
diff --git a/src/components/pagination/VgtPagination.vue b/src/components/pagination/VgtPagination.vue
index 88cd7f93..30bce672 100644
--- a/src/components/pagination/VgtPagination.vue
+++ b/src/components/pagination/VgtPagination.vue
@@ -56,7 +56,6 @@
 </template>
 
 <script>
-import cloneDeep from 'lodash.clonedeep';
 import VgtPaginationPageInfo from './VgtPaginationPageInfo.vue';
 import {
   PAGINATION_MODES,
@@ -95,11 +94,6 @@ export default {
     };
   },
   watch: {
-    currentPage: {
-      handler() {
-        console.log(this.currentPage);
-      },
-    },
     perPage: {
       handler(newValue, oldValue) {
         this.handlePerPage();
@@ -196,10 +190,10 @@ export default {
       if (this.customRowsPerPageDropdown !== null
         && (Array.isArray(this.customRowsPerPageDropdown)
         && this.customRowsPerPageDropdown.length !== 0)) {
-        this.rowsPerPageOptions = cloneDeep(this.customRowsPerPageDropdown);
+        this.rowsPerPageOptions = JSON.parse(JSON.stringify(this.customRowsPerPageDropdown));
       } else {
         //* otherwise we use the default rows per page dropdown
-        this.rowsPerPageOptions = cloneDeep(DEFAULT_ROWS_PER_PAGE_DROPDOWN);
+        this.rowsPerPageOptions = JSON.parse(JSON.stringify(DEFAULT_ROWS_PER_PAGE_DROPDOWN));
       }
 
       if (this.perPage) {
diff --git a/src/components/pagination/VgtPaginationPageInfo.vue b/src/components/pagination/VgtPaginationPageInfo.vue
index 84356b0c..a05660c3 100644
--- a/src/components/pagination/VgtPaginationPageInfo.vue
+++ b/src/components/pagination/VgtPaginationPageInfo.vue
@@ -57,13 +57,6 @@ export default {
     },
     infoFn: { default: null },
   },
-  watch: {
-    currentPage: {
-      handler() {
-        console.log(this.currentPage);
-      },
-    },
-  },
   data() {
     return {
       id: this.getId(),
diff --git a/src/components/types/boolean.js b/src/components/types/boolean.js
index f3a2ff05..cedbafff 100644
--- a/src/components/types/boolean.js
+++ b/src/components/types/boolean.js
@@ -1,7 +1,6 @@
-import clone from 'lodash.clonedeep';
 import def from './default';
 
-const boolean = clone(def);
+const boolean = Object.assign({}, def);
 
 boolean.isRight = true;
 
diff --git a/src/components/types/date.js b/src/components/types/date.js
index fb99e59d..be3d7e2e 100644
--- a/src/components/types/date.js
+++ b/src/components/types/date.js
@@ -1,8 +1,7 @@
 import { format, parse, isValid, compareAsc } from 'date-fns';
-import clone from 'lodash.clonedeep';
 import def from './default';
 
-const date = clone(def);
+const date = Object.assign({}, def);
 
 date.isRight = true;
 
diff --git a/src/components/types/decimal.js b/src/components/types/decimal.js
index f5941836..2b64ad3d 100644
--- a/src/components/types/decimal.js
+++ b/src/components/types/decimal.js
@@ -1,7 +1,7 @@
-import clone from 'lodash.clonedeep';
 import number from './number';
 
-const decimal = clone(number);
+const decimal = Object.assign({}, number);
+
 decimal.format = function (v) {
   if (v === undefined || v === null) return '';
   return parseFloat(Math.round(v * 100) / 100).toFixed(2);
diff --git a/src/components/types/number.js b/src/components/types/number.js
index c51fc7d9..e0696e5a 100644
--- a/src/components/types/number.js
+++ b/src/components/types/number.js
@@ -1,7 +1,6 @@
-import clone from 'lodash.clonedeep';
 import def from './default';
 
-const number = clone(def);
+const number = Object.assign({}, def);
 
 number.isRight = true;
 
diff --git a/src/components/types/percentage.js b/src/components/types/percentage.js
index 3502a85c..487bb9b5 100644
--- a/src/components/types/percentage.js
+++ b/src/components/types/percentage.js
@@ -1,7 +1,6 @@
-import clone from 'lodash.clonedeep';
 import number from './number';
 
-const percentage = clone(number);
+const percentage = Object.assign({}, number);
 
 percentage.format = function (v) {
   if (v === undefined || v === null) return '';
diff --git a/src/components/utils/sort.js b/src/components/utils/sort.js
index 66f43540..b90bbd1d 100644
--- a/src/components/utils/sort.js
+++ b/src/components/utils/sort.js
@@ -1,9 +1,7 @@
-const DEFAULT_SORT_TYPE = 'asc';
-const SORT_TYPES = {
-  Ascending: 'asc',
-  Descending: 'desc',
-  None: 'none',
-};
+import {
+  DEFAULT_SORT_TYPE,
+  SORT_TYPES,
+} from './constants';
 
 function getColumnFirstSortType(column) {
   return column.firstSortType || DEFAULT_SORT_TYPE;
@@ -29,7 +27,7 @@ function getIndex(sortArray, column) {
   return -1;
 }
 
-exports.primarySort = (sortArray, column) => {
+const primarySort = (sortArray, column) => {
   const currentPrimarySort = getCurrentPrimarySort(sortArray, column);
   const nextPrimarySort = getNextSort(currentPrimarySort);
   return [{
@@ -38,7 +36,7 @@ exports.primarySort = (sortArray, column) => {
   }];
 };
 
-exports.secondarySort = (sortArray, column) => {
+const secondarySort = (sortArray, column) => {
   const index = getIndex(sortArray, column);
   if (index === -1) {
     sortArray.push({
@@ -50,3 +48,8 @@ exports.secondarySort = (sortArray, column) => {
   }
   return sortArray;
 };
+
+export {
+  primarySort,
+  secondarySort,
+}
\ No newline at end of file