ユーザードメインページを最適化しました : ページネーションを無限大に設定し、仮想リストを有効にしました。
This commit is contained in:
@@ -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 },
|
||||
|
||||
Reference in New Issue
Block a user