diff --git a/src/resource-scheduler/components/schedule-table/schedule-table.tsx b/src/resource-scheduler/components/schedule-table/schedule-table.tsx
index 240c9bc788d0763929c0a4e9342dba4141421562..ccb9c2f7db82e9ac03045e85c118b1e4ad6457bc 100644
--- a/src/resource-scheduler/components/schedule-table/schedule-table.tsx
+++ b/src/resource-scheduler/components/schedule-table/schedule-table.tsx
@@ -141,16 +141,23 @@ export const ScheduleTable = defineComponent({
                   (taskViewModel: ITaskViewModel) => {
                     return (
                       <div
-                        class="absolute-item task-item"
-                        data-resource-id={taskViewModel.resourceId}
-                        data-origin-task-id={taskViewModel.originalId}
-                        data-task-id={taskViewModel.id}
                         style={{
                           width: `${taskViewModel.width}px`,
                           height: `${taskViewModel.height}px`,
                           top: `${taskViewModel.top}px`,
                           left: `${taskViewModel.left}px`,
                         }}
+                        class={{
+                          'absolute-item': true,
+                          'task-item': true,
+                          'is-draggable': this.allowDrag,
+                        }}
+                        draggable={this.allowDrag}
+                        data-task-id={taskViewModel.id}
+                        data-resource-id={taskViewModel.resourceId}
+                        onDragstart={evt =>
+                          this.handleDragStart(evt, taskViewModel.data)
+                        }
                       >
                         {taskViewModel.data.name}
                       </div>