DayPilot.Scheduler.rowHeaderColumns

Array of of row header column definitions.

Item structure:

  • display (string) - name of the resources[] item property that stores html to be displayed in the cells (tabular mode only)
  • hidden (boolean) - sets visibility of the column (available since 2020.2.4373)
  • html (string) - optional HTML content of the row header (it will be used instead of text when rendering the Scheduler in the browser; during image export, html value is ignored)
  • sort (string) - name of the resources[] item property that will be used for row sorting (optional; tabular mode only)
  • text | title (string) - column title
  • width (number) - column width in pixels (optional; if not specified, rowHeaderColumnDefaultWidth value will be used)

For more information about the "Tabular" vs "Legacy" mode please see rowHeaderColumnsMode.

Default Value

null

Example

dp.rowHeaderColumns = [
  { title: "Name", display: "name" },
  { title: "Floor", display: "floor" },
  { title: "Type", display: "type" }
];

dp.resources = [
  { id: "101", name: "Room 101", location: "Floor 1", type: "single" },
  { id: "102", name: "Room 102", location: "Floor 1", type: "double" },
  { id: "201", name: "Room 201", location: "Floor 2", type: "suite" },
  { id: "202", name: "Room 202", location: "Floor 2", type: "suite" },
];