When you switch the calendar viewType to "Resources", you can define custom columns.
Take a look at the following documentation page:
https://doc.daypilot.org/calendar/column-header-hierarchy/
Example:
dp.columns = [];
const resources = [
{name: "Resource A", id: "A"},
{name: "Resource B", id: "B"},
{name: "Resource C", id: "C"},
];
const start = DayPilot.Date.today().firstDayOfWeek();
for (var i = 0; i < 7; i++) {
const date = start.addDays(i);
const column = {name: date.toString("MMMM d, yyyy")};
column.children = resources.map(r => ({
name: r.name,
id: r.id,
start: date
}));
dp.columns.push(column);
};