diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index 21d7d31b6..fa5133f38 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -70,6 +70,10 @@ export const avRender = (element: Element, protyle: IProtyle, cb?: () => void, v
             const snapshot = protyle.options.history?.snapshot;
             let newViewID = e.getAttribute(Constants.CUSTOM_SY_AV_VIEW) || "";
             if (typeof viewID === "string") {
+                const viewTabElement = e.querySelector(`.av__views > .layout-tab-bar > .item[data-id="${viewID}"]`) as HTMLElement
+                if (viewTabElement) {
+                    e.dataset.pageSize = viewTabElement.dataset.page;
+                }
                 newViewID = viewID;
                 fetchPost("/api/av/setDatabaseBlockView", {id: e.dataset.nodeId, viewID});
                 e.setAttribute(Constants.CUSTOM_SY_AV_VIEW, newViewID);
@@ -195,7 +199,7 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value, rowIndex)}
                 let tabHTML = "";
                 let viewData: IAVView;
                 response.data.views.forEach((item: IAVView) => {
-                    tabHTML += `<div data-id="${item.id}" class="item${item.id === response.data.viewID ? " item--focus" : ""}">
+                    tabHTML += `<div data-id="${item.id}" data-page="${item.pageSize}" class="item${item.id === response.data.viewID ? " item--focus" : ""}">
     ${item.icon ? unicode2Emoji(item.icon, "item__graphic", true) : '<svg class="item__graphic"><use xlink:href="#iconTable"></use></svg>'}
     <span class="item__text">${item.name}</span>
 </div>`;
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 8e27a41f9..b098d8817 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -760,6 +760,7 @@ interface IAVView {
     type: string
     icon: string
     hideAttrViewName: boolean
+    pageSize: number
 }
 
 interface IAVTable extends IAVView {