# Moving Rows Between Two Schedulers (JavaScript Scheduler) | DayPilot Pro for JavaScript Demo

> You can [drag rows between two Scheduler components](https://doc.daypilot.org/scheduler/row-moving-between-schedulers/).

## Links

- Canonical HTML: /demo/scheduler/rowmovingtwoschedulers.html
- Source HTML folder: /demo/scheduler/
- Catalog root: /demo/
- Catalog: /demo/llms.txt

## Source

### Inline demo script 1

```javascript
const dp1 = new DayPilot.Scheduler("dp1", {
            startDate: new DayPilot.Date("2026-03-01"),
            days: new DayPilot.Date("2026-03-01").daysInMonth(),
            scale: "Hour",
            timeHeaders: [
                {groupBy: "Day"},
                {groupBy: "Hour"}
            ],
            treeEnabled: true,
            rowHeaderWidth: 100,
            resources: [
                {name: "Room A", id: "A"},
                {name: "Room B", id: "B"},
                {name: "Room C", id: "C", _id: "C"},
                {name: "Room D", id: "D"},
                {name: "Room E", id: "E"},
                {name: "Room F", id: "F"},
            ],
            onRowMoving: args => {
                console.log("onRowMoving", args);
            },
            onRowMove: args => {
                console.log("onRowMove1", args);
            },
            rowMoveHandling: "Update",
        });
        dp1.init();

        const dp2 = new DayPilot.Scheduler("dp2", {
            startDate: new DayPilot.Date("2026-03-01"),
            days: new DayPilot.Date("2026-03-01").daysInMonth(),
            scale: "Hour",
            timeHeaders: [
                {groupBy: "Day"},
                {groupBy: "Hour"}
            ],
            treeEnabled: true,
            rowHeaderWidth: 100,
            resources: [
                {name: "Room 1", id: "R1"},
                {name: "Room 2", id: "R2"},
                {name: "Room 3", id: "R3"},
                {name: "Room 4", id: "R4"},
                {name: "Room 5", id: "R5"},
                {name: "Room 6", id: "R6"},
            ],
            onRowMoving: args => {
                console.log("onRowMoving", args);
            },
            onRowMove: args => {
                console.log("onRowMove2", args);
            },
            rowMoveHandling: "Update",
        });
        dp2.init();
```