diff --git a/app/src/protyle/render/av/action.ts b/app/src/protyle/render/av/action.ts
index 0e3aa2064..7a2988a37 100644
--- a/app/src/protyle/render/av/action.ts
+++ b/app/src/protyle/render/av/action.ts
@@ -142,6 +142,7 @@ export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLEle
 
     const checkElement = hasClosestByClassName(event.target, "av__firstcol");
     if (checkElement) {
+        // TODO
         event.preventDefault();
         event.stopPropagation();
         return true;
diff --git a/app/src/protyle/render/av/cell.ts b/app/src/protyle/render/av/cell.ts
index f63491b0f..180f10885 100644
--- a/app/src/protyle/render/av/cell.ts
+++ b/app/src/protyle/render/av/cell.ts
@@ -5,7 +5,7 @@ export const popTextCell = (protyle: IProtyle, cellElement: HTMLElement) => {
     const type = cellElement.parentElement.parentElement.firstElementChild.children[parseInt(cellElement.getAttribute("data-index")) + 1].getAttribute("data-dtype") as TAVCol;
     const cellRect = cellElement.getBoundingClientRect();
     let html = "";
-    if (type === "block") {
+    if (type === "block" || type === "text") {
         html = `<textarea style="position:absolute;left: ${cellRect.left}px;top: ${cellRect.top}px;width:${Math.max(cellRect.width, 200)}px" class="b3-text-field">${cellElement.textContent}</textarea>`;
     }
     document.body.insertAdjacentHTML("beforeend", `<div class="av__mask">
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index fe71dd1c6..fe95d4e3f 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -51,7 +51,7 @@ export const avRender = (element: Element) => {
                 data.rows.forEach((row: IAVRow) => {
                     tableHTML += `<div class="av__row" data-id="${row.id}"><div class="av__firstcol"><svg><use xlink:href="#iconUncheck"></use></svg></div>`;
                     row.cells.forEach((cell, index) => {
-                        tableHTML += `<div class="av__cell" data-index="${index}" style="width: ${data.columns[index].width || 200}px;background-color: ${cell.bgColor || ""};color: ${cell.color || ""}">${cell.value}</div>`;
+                        tableHTML += `<div class="av__cell" data-index="${index}" style="width: ${data.columns[index].width || 200}px;${cell.bgColor ? `background-color:${cell.bgColor};` : ""}${cell.color ? `color:${cell.color};` : ""}">${cell.renderValue?.content || ""}</div>`;
                     });
                     tableHTML += "<div></div></div>";
                 });
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 4bbc0745c..5b688e64c 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -825,4 +825,7 @@ interface IAVCell {
     color: string,
     bgColor: string,
     value: string,
+    renderValue: {
+        content: string,
+    }
 }