virtual scroller, sticky header

main
gman 2 years ago
parent 786d7c99b5
commit addf83357b

@ -6,7 +6,7 @@
</va-card> </va-card>
<va-card class="content-container"> <va-card class="content-container">
<va-scroll-container vertical> <va-scroll-container vertical>
<va-data-table v-if="items.length" :items="itemsLimited" :columns="columns" :hoverable="true" :clickable="true" <va-data-table virtual-scroller sticky-header v-if="items.length" :items="items" :columns="columns" :hoverable="true" :clickable="true"
@row:click="(e) => $router.push(`/items/${e.item.id}`)" @row:click="(e) => $router.push(`/items/${e.item.id}`)"
no-data-filtered-html="Не найдено образцов, соответствующих данному запросу" /> no-data-filtered-html="Не найдено образцов, соответствующих данному запросу" />
<h1 v-else class="no-items">Не найдено образцов, соответствующих данному запросу</h1> <h1 v-else class="no-items">Не найдено образцов, соответствующих данному запросу</h1>
@ -38,11 +38,7 @@ export default {
}, },
methods: {}, methods: {},
computed: { computed: {
itemsLimited() {
return this.items.slice(0, 200)
},
itemIdList() { itemIdList() {
return this.items.map(item => item.internal_id) return this.items.map(item => item.internal_id)
}, },

Loading…
Cancel
Save