Agent-readable demo data

Title
Kanban Fixed Column Width | DayPilot Pro for JavaScript Sandbox
Tree
DayPilot JavaScript Sandbox
Catalog root
Default
Description
You can switch to fixed column width using .columnWidthSpec = "Fixed".

Inline demo script 1

var dp = new DayPilot.Kanban("dp");
        dp.columns.list = [
            {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"},
        ];
        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."}
        ];
        dp.cellMarginBottom = 40;

        dp.columnWidthSpec = "Fixed";

        dp.init();

        function add() {
            var name = prompt("New card name:", "Task");
            if (!name) {
                return;
            }
            dp.cards.add({id: DayPilot.guid(), name: name, column: "1"});
        }