diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index bf739bcdc..b6c497671 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -234,7 +234,7 @@ export const getGroupTitleHTML = (group: IAVView, counter: number) => {
     } else {
         nameHTML = group.name;
     }
-    return `<div class="av__group-title" data-dtype="${group.groupValue.type}">
+    return `<div class="av__group-title" data-dtype="${group.groupKey.type}">
     <div class="av__group-icon" data-type="av-group-fold" data-id="${group.id}">
         <svg class="${group.groupFolded ? "" : "av__group-arrow--open"}"><use xlink:href="#iconRight"></use></svg>
     </div>
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index d5bd83008..b4a92d3f1 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -864,6 +864,7 @@ interface IAVView {
     sorts: IAVSort[],
     groups: IAVView[]
     group: IAVGroup
+    groupKey: IAVColumn
     groupValue: IAVCellValue
 }