fix custom perPage for pagination

xaksis · Nov 18, 2017 · 0c6c244 · 0c6c244
1 parent 5484301
commit 0c6c244
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git 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
@@ -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>