diff --git a/packages/server/src/middleware/trimViewRowInfo.ts b/packages/server/src/middleware/trimViewRowInfo.ts
index cedcb31640..6a7448262b 100644
--- a/packages/server/src/middleware/trimViewRowInfo.ts
+++ b/packages/server/src/middleware/trimViewRowInfo.ts
@@ -27,6 +27,7 @@ export default async (ctx: Ctx<Row>, next: Next) => {
   }
 
   ctx.params.sourceId = tableId
+  ctx.params.viewId = viewId
 
   return next()
 }
diff --git a/packages/server/src/websockets/grid.ts b/packages/server/src/websockets/grid.ts
index cf0faa0ec1..abc1872b56 100644
--- a/packages/server/src/websockets/grid.ts
+++ b/packages/server/src/websockets/grid.ts
@@ -80,8 +80,8 @@ export default class GridSocket extends BaseSocket {
   }
 
   emitRowUpdate(ctx: any, row: Row) {
-    const tableId = getTableId(ctx)
-    const room = `${ctx.appId}-${tableId}`
+    const resourceId = ctx.params?.viewId || getTableId(ctx)
+    const room = `${ctx.appId}-${resourceId}`
     this.emitToRoom(ctx, room, GridSocketEvent.RowChange, {
       id: row._id,
       row,
@@ -89,8 +89,8 @@ export default class GridSocket extends BaseSocket {
   }
 
   emitRowDeletion(ctx: any, id: string) {
-    const tableId = getTableId(ctx)
-    const room = `${ctx.appId}-${tableId}`
+    const resourceId = ctx.params?.viewId || getTableId(ctx)
+    const room = `${ctx.appId}-${resourceId}`
     this.emitToRoom(ctx, room, GridSocketEvent.RowChange, { id, row: null })
   }