diff options
Diffstat (limited to 'apps/files/src/components/FilesListVirtual.vue')
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index 62a4e0e42eb..569f5dd09ce 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -20,7 +20,27 @@ - --> <template> - <RecycleScroller ref="recycleScroller" + <VirtualList v-if="false" + class="files-list" + :data-component="FileEntry" + :data-key="getFileId" + :data-sources="nodes" + :estimate-size="55" + :table-mode="true" + item-class="files-list__row" + wrap-class="files-list__body"> + <template #before> + <caption v-show="false" class="files-list__caption"> + {{ summary }} + </caption> + </template> + + <template #header> + <FilesListHeader :nodes="nodes" /> + </template> + </VirtualList> + + <RecycleScroller v-else ref="recycleScroller" class="files-list" key-field="source" :items="nodes" @@ -50,6 +70,7 @@ <script lang="ts"> import { Folder, File } from '@nextcloud/files' import { RecycleScroller } from 'vue-virtual-scroller' +import VirtualList from 'vue-virtual-scroll-list' import { translate, translatePlural } from '@nextcloud/l10n' import Vue from 'vue' @@ -63,6 +84,7 @@ export default Vue.extend({ RecycleScroller, FileEntry, FilesListHeader, + VirtualList, }, props: { |