diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index bdb441580..ef98feb5c 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -256,7 +256,7 @@ export const renderAVAttribute = (element: HTMLElement, id: string) => {
         <svg><use xlink:href="#${getColIconByType(item.key.type)}"></use></svg>
         <span>${item.key.name}</span>
     </div>
-    <div data-av-id="${table.avID}" data-key-id="${item.values[0].keyID}" data-block-id="${item.values[0].blockID}" data-block-id="${item.values[0].id}" data-type="${item.values[0].type}"  
+    <div data-av-id="${table.avID}" data-key-id="${item.values[0].keyID}" data-block-id="${item.values[0].blockID}" data-id="${item.values[0].id}" data-type="${item.values[0].type}"  
     class="fn__flex-1 fn__flex${["url", "text", "number"].includes(item.values[0].type) ? "" : " custom-attr__avvalue"}">
         ${genAVValueHTML(item.values[0])}
     </div>
@@ -312,7 +312,7 @@ export const renderAVAttribute = (element: HTMLElement, id: string) => {
                     avID: item.parentElement.dataset.avId,
                     keyID: item.parentElement.dataset.keyId,
                     rowID: item.parentElement.dataset.blockId,
-                    cellID: id,
+                    cellID: item.parentElement.dataset.id,
                     value
                 });
             });
diff --git a/kernel/api/av.go b/kernel/api/av.go
index 09541abb7..88e1c477c 100644
--- a/kernel/api/av.go
+++ b/kernel/api/av.go
@@ -93,5 +93,6 @@ func setAttributeViewBlockAttr(c *gin.Context) {
 	cellID := arg["cellID"].(string)
 	value := arg["value"].(interface{})
 	blockAttributeViewKeys := model.UpdateAttributeViewCell(avID, keyID, rowID, cellID, value)
+	util.BroadcastByType("protyle", "refreshAttributeView", 0, "", map[string]interface{}{"id": avID})
 	ret.Data = blockAttributeViewKeys
 }