The columns.list property (array) defines custom calendar columns in the resources view.

Supported in DayPilot Pro for JavaScript since version 2018.2.3261. In previous version, use columns property.

Item Structure

  • id (string): resource id (optional)
  • name (string): column name, it will be used to create "html" and "toolTip"
  • start (string or DayPilot.Date): column date (startDate will be used during initialization if not specified)
  • html (string): HTML to be displayed in the column header (optional)
  • toolTip (string): hover tooltip text (optional)
  • children (array of columns): column children when displaying column hierarchy


dp.columns.list = [
  { name: "Meeting Room A", id: "A" },
  { name: "Meeting Room B", id: "B" },
  { name: "Meeting Room C", id: "C" }