feat: CDataTable: add 'external' key to itemsPerPageSelect prop object

Author: woothu

src/components/index.d.ts

@@ -562,7 +562,9 @@ export declare class CDataTable extends Vue {
   hover: boolean
   border: boolean
   outlined: boolean
-  itemsPerPageSelect: boolean | { label?: string, values?: number[] }
+  itemsPerPageSelect: boolean | {
+    label?: string, values?: number[], external?: boolean 
+  }
   sorter: boolean | { external?: boolean, resetable?: boolean }
   columnFilter: boolean | { external?: boolean, lazy?: boolean}
   tableFilter: boolean | { 

src/components/table/CDataTable.vue

@@ -544,6 +544,9 @@ export default {
     },
     paginationChange (e) {
       this.$emit('pagination-change', Number(e.target.value))
+      if (this.itemsPerPageSelect.external) {
+        return
+      }
       this.perPageItems = Number(e.target.value)
     },
     objectsAreIdentical (obj1, obj2) {

src/components/table/tests/CDataTable.spec.js

@@ -188,11 +188,15 @@ describe(ComponentName, () => {
     localWrapper.setProps({
       itemsPerPageSelect: {
         label: 'new label',
-        values: [10, 25, 50]
+        values: [10, 25, 50],
+        external: true
       }
     })
     expect(localWrapper.vm.paginationSelect.label).toBe('new label')
     expect(localWrapper.vm.paginationSelect.values[1]).toBe(25)
+    localWrapper.find('select').setValue(25)
+    expect(localWrapper.emitted()['pagination-change'][0][0]).toBe(25)
+    expect(localWrapper.vm.perPageItems).not.toBe(25)
   })
   it('Properly sets no items view text', () => {
     const localWrapper = createCustomWrapper()