msc: inner scroll instead of paging

frontend/src/components/OverviewScreen.vue

@@ -5,11 +5,12 @@
                 @mapClick="$emit('mapClick', $event)" />
         </va-card>
         <va-card class="content-container">
-            <va-data-table v-if="items.length" :items="items" :columns="columns" :hoverable="true" :clickable="true"
-                :per-page="perPage" :current-page="currentPage" @row:click="(e) => $router.push(`/items/${e.item.id}`)"
-                no-data-filtered-html="Не найдено образцов, соответствующих данному запросу" />
-            <va-pagination v-if="items.length" v-model="currentPage" :pages="pages" input style="margin: 0.5rem auto" />
-            <h1 v-else class="no-items">Не найдено образцов, соответствующих данному запросу</h1>
+            <va-scroll-container vertical>
+                <va-data-table v-if="items.length" :items="items" :columns="columns" :hoverable="true" :clickable="true"
+                    @row:click="(e) => $router.push(`/items/${e.item.id}`)"
+                    no-data-filtered-html="Не найдено образцов, соответствующих данному запросу" />
+                <h1 v-else class="no-items">Не найдено образцов, соответствующих данному запросу</h1>
+            </va-scroll-container>
         </va-card>
     </div>
 </template>
@@ -32,21 +33,11 @@ export default {
     },
     data() {
         return {
-            perPage: 10,
-            currentPage: 1,
             settleFinished: false,
         }
     },
     methods: {},
     computed: {
-        pages() {
-            this.settleFinished = true;
-            this.currentPage = 1;
-            return (this.perPage && this.perPage !== 0)
-                ? Math.ceil(this.items.length / this.perPage)
-                : this.items.length
-        },
-
         itemIdList() {
 
             return this.items.map(item => item.internal_id)

frontend/src/main.js

@@ -30,6 +30,7 @@ import {
     VaChip,
     VaModal,
     VaPopover,
+    VaScrollContainer,
 } from 'vuestic-ui'
 import 'vuestic-ui/dist/styles/essential.css'
 import 'vuestic-ui/dist/styles/grid.css'
@@ -74,6 +75,7 @@ app.use(createVuesticEssential({
         VaChip,
         VaModal,
         VaPopover,
+        VaScrollContainer,
     }
 }));