table: change tasks per page values (#1124)

* change default from 10 to 50
* add options for 50, 100 & 200 items per page.

Author: wxtim

CHANGES.md

@@ -13,6 +13,11 @@ ones in. -->
 
 ## __cylc-ui-1.4.0 (<span actions:bind='release-date'>Pending</span>)__
 
+### Enhancements
+
+[#1124](https://github.com/cylc/cylc-ui/pull/1075) - Table view: More options
+for number of tasks per page.
+
 ### Fixes
 
 [#1075](https://github.com/cylc/cylc-ui/pull/1075) - Reverse default sort order

src/components/cylc/table/Table.vue

@@ -109,6 +109,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             :sort-desc.sync="sortDesc"
             item-key="id"
             show-expand
+            dense
+            :footer-props="{
+              itemsPerPageOptions: [10, 20, 50, 100, 200, -1],
+              showFirstLastPage: true
+            }"
+            :options="{ itemsPerPage: 50 }"
           >
             <template
               v-slot:item="{ item }"