diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/table-action.tsx b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/table-action.tsx
index 89c09ff86..06cf490a4 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/table-action.tsx
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/table-action.tsx
@@ -43,6 +43,7 @@ export default defineComponent({
   name: 'TableAction',
   props,
   emits: [
+    'editWorkflow',
     'updateList',
     'startWorkflow',
     'timingWorkflow',
@@ -55,6 +56,11 @@ export default defineComponent({
     'gotoWorkflowTree'
   ],
   setup(props, ctx) {
+
+    const handleEditWorkflow = () => {
+      ctx.emit('editWorkflow')
+    }
+
     const handleStartWorkflow = () => {
       ctx.emit('startWorkflow')
     }
@@ -92,6 +98,7 @@ export default defineComponent({
     }
 
     return {
+      handleEditWorkflow,
       handleStartWorkflow,
       handleTimingWorkflow,
       handleVersionWorkflow,
@@ -120,6 +127,7 @@ export default defineComponent({
                 type='info'
                 tag='div'
                 circle
+                onClick={this.handleEditWorkflow}
                 disabled={releaseState === 'ONLINE'}
                 /* TODO: Edit workflow */
               >
diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/use-table.ts b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/use-table.ts
index 25ce557d7..956687d53 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/use-table.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/use-table.ts
@@ -152,6 +152,7 @@ export function useTable() {
         render: (row) =>
           h(TableAction, {
             row,
+            onEditWorkflow: () => editWorkflow(row),
             onStartWorkflow: () => startWorkflow(row),
             onTimingWorkflow: () => timingWorkflow(row),
             onVersionWorkflow: () => versionWorkflow(row),
@@ -165,6 +166,15 @@ export function useTable() {
       }
     ] as TableColumns<any>
   }
+
+  const editWorkflow = (row: any) => {
+    variables.row = row
+    router.push({
+      name: 'workflow-definition-detail',
+      params: { code: row.code }
+    })
+  }
+
   const startWorkflow = (row: any) => {
     variables.startShowRef = true
     variables.row = row