ユーザードメインページを最適化しました : ページネーションを無限大に設定し、仮想リストを有効にしました。

This commit is contained in:
Mouriya
2024-08-19 11:56:17 +09:00
parent 53e5a449d4
commit cca7a1ba22

View File

@@ -1,7 +1,7 @@
<template>
<div class="q-pa-lg">
<q-table grid grid-header title="Domain" selection="single" :rows="rows" :columns="columns"
v-model:selected="selected" row-key="name" :filter="filter" hide-header>
v-model:selected="selected" row-key="name" :filter="filter" virtual-scroll v-model:pagination="pagination">
<template v-slot:top>
<div class="q-gutter-sm">
<q-btn class="q-mx-none" color="primary" label="追加" @click="newDomain()" />
@@ -14,6 +14,11 @@
</q-input>
</template>
<template v-slot:header>
<div style="height: 1dvh">
</div>
</template>
<template v-slot:item="props">
<div class="q-pa-sm">
<q-card>
@@ -91,6 +96,8 @@ const filter = ref()
let editId = ref(0);
let activedomainid = ref(0);
const pagination = ref({ rowsPerPage: 0 });
const columns = [
{ name: 'id' },
{ name: 'name', required: true, label: 'Name', align: 'left', field: 'name', sortable: true },