DayPilot.Scheduler.rowHeaderColumnsMergeParents

The rowHeaderColumnsMergeParents property (boolean) defines whether row header columns are applied to parent rows in the JavaScript Scheduler component.

Available since version 2022.2.5302.

Declaration

DayPilot.Scheduler.rowHeaderColumnsMergeParents

Default Value

true

Notes

• By default, column merging is enabled and parent rows are rendered using a single merged cell. In onBeforeRowHeaderRender, the args.row.columns array is empty.

• If you set this property to false, parent rows display the columns defined using rowHeaderColumns.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowHeaderColumnsMergeParents: false,
  rowHeaderColumns: [
    { text: "Name", display: "name" },
    { text: "Floor", display: "location" }
  ],
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  rowHeaderColumnsMergeParents: false,
  rowHeaderColumns: [
    { text: "Name", display: "name" },
    { text: "Floor", display: "location" }
  ],
  // ...
};

React

const rowHeaderColumns = [
  { text: "Name", display: "name" },
  { text: "Floor", display: "location" }
];

<DayPilotScheduler
  rowHeaderColumnsMergeParents={false}
  rowHeaderColumns={rowHeaderColumns}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :rowHeaderColumnsMergeParents="false"
  :rowHeaderColumns="rowHeaderColumns"
  <!-- ... -->
/>

const rowHeaderColumns = [
  { text: "Name", display: "name" },
  { text: "Floor", display: "location" }
];

See Also

Row Header Columns [doc.daypilot.org]

DayPilot.Scheduler.onBeforeRowHeaderRender

DayPilot.Scheduler.rowHeaderColumns

DayPilot.Scheduler Class