From 0c6c244de26ea1db5b9e9688245a1fd583d62940 Mon Sep 17 00:00:00 2001
From: Akshay Anand <aks9800@gmail.com>
Date: Sat, 18 Nov 2017 12:04:55 -0500
Subject: [PATCH] fix custom perPage for pagination

---
 dev/App.vue                   | 18 +++++++++++++++++-
 src/components/Pagination.vue |  5 +++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/dev/App.vue b/dev/App.vue
index d39597e1..b033ca35 100644
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -1,6 +1,10 @@
 <template>
   <div>
-    <vue-good-table :columns="columns" :rows="rows" :line-numbers="true">
+    <vue-good-table
+      :paginate="true"
+      :columns="columns" 
+      :rows="rows" 
+      :line-numbers="true">
       <template slot="table-row-before" scope="props">
         <td><input type="checkbox" /></td>
       </template>
@@ -68,6 +72,18 @@
           }, {
             name: "Dan",
             age: "40"
+          }, {
+            name: "Jane",
+            age: "24"
+          }, {
+            name: "Susan",
+            age: "16"
+          }, {
+            name: "Chris",
+            age: "55"
+          }, {
+            name: "Dan",
+            age: "40"
           }, 
         ],
       };
diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
index e74a15d9..6f774d7e 100644
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@@ -3,8 +3,9 @@
     <div class="datatable-length pull-left">
       <label>
         <span>{{rowsPerPageText}}</span>
-        <span v-if="perPage" class="perpage-count">{{perPage}}</span>
-        <select v-if="!perPage" class="browser-default" @change="perPageChanged">
+        <!-- <span v-if="perPage" class="perpage-count">{{perPage}}</span> -->
+        <select class="browser-default" @change="perPageChanged">
+          <option v-if="perPage" :value="perPage">{{perPage}}</option>
           <option value="10">10</option>
           <option value="20">20</option>
           <option value="30">30</option>