diff --git a/ui/src/pages/workflows/WorkflowList.tsx b/ui/src/pages/workflows/WorkflowList.tsx
index 696df2688..cd945ec38 100644
--- a/ui/src/pages/workflows/WorkflowList.tsx
+++ b/ui/src/pages/workflows/WorkflowList.tsx
@@ -52,6 +52,8 @@ const WorkflowList = () => {
     {
       key: "name",
       title: t("workflow.props.name"),
+      sorter: true,
+      sortOrder: sorter.columnKey === "name" ? sorter.order : void 0,
       render: (_, record) => (
         <div className="flex max-w-full flex-col gap-1 truncate">
           <Typography.Text ellipsis>{record.name || "\u00A0"}</Typography.Text>
@@ -242,7 +244,7 @@ const WorkflowList = () => {
     () => {
       const { columnKey: sorterKey, order: sorterOrder } = sorter;
       let sort: string | undefined;
-      sort = sorterKey === "lastRun" ? "lastRunTime" : void 0;
+      sort = sorterKey === "name" ? "name" : sorterKey === "lastRun" ? "lastRunTime" : void 0;
       sort = sort && (sorterOrder === "ascend" ? `${sort}` : sorterOrder === "descend" ? `-${sort}` : void 0);
 
       return listWorkflows({