Agent-readable demo data

Title

Kanban Fixed Column Width | DayPilot Pro for JavaScript Demo

Tree

DayPilot JavaScript Demo

Catalog root

Default

Description

Read more about fixed column width.

• Canonical HTML: /demo/kanban/columnfixedwidth.html
• Markdown companion: /demo/kanban/columnfixedwidth.md
• Folder: /demo/kanban/
• Root: /demo/
• Catalog: /demo/llms.txt

Inline demo script 1

const dp = new DayPilot.Kanban("dp", {
            columns: [
                {name: "Phase 1", id: "1"},
                {name: "Phase 2", id: "2"},
                {name: "Phase 3", id: "3"},
                {name: "Phase 4", id: "4"},
                {name: "Phase 5", id: "5"},
                {name: "Phase 6", id: "6"},
                {name: "Phase 7", id: "7"},
                {name: "Phase 8", id: "8"},
                {name: "Phase 9", id: "9"}
            ],
            cellMarginBottom: 40,
            columnWidthSpec: "Fixed"
        });

        const app = {
            loadData() {
                dp.cards.list = [
                    {id: 1, name: "Task 1", column: "1", text: "This is a description of task #1."},
                    {id: 2, name: "Task 2", column: "1", text: "This is a description of task #2."}
                ];
            },
            init() {
                this.loadData();
                dp.init();
            }
        };
        app.init();