DayPilot.Scheduler.rowHeaderColumnsMode

The rowHeaderColumnsMode property (string) specifies how row header columns data is read by the JavaScript Scheduler component.

Applicable since 2019.4.4064.

Declaration

DayPilot.Scheduler.rowHeaderColumnsMode

Possible Values

• "Legacy" - uses the legacy multi-column data format based on DayPilot.Scheduler.resources.

• "Tabular" - loads row header column values from custom DayPilot.Scheduler.resources[] item properties mapped by DayPilot.Scheduler.rowHeaderColumns.

Default Value

"Tabular"

Notes

• In "Legacy" mode, the text/HTML of the first column is defined using DayPilot.Scheduler.resources[].name.

• In "Legacy" mode, the text/HTML of additional columns is defined using DayPilot.Scheduler.resources[].columns[].html.

• In "Legacy" mode, you can access the first additional column (the second visible column) as args.data.column[0] in DayPilot.Scheduler.onBeforeResHeaderRender and DayPilot.Scheduler.onBeforeRowHeaderRender.

• In "Tabular" mode, the data is loaded from custom DayPilot.Scheduler.resources[] item properties that are defined using DayPilot.Scheduler.rowHeaderColumns.

• See an example in the row header columns documentation.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowHeaderColumnsMode: "Legacy",
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  rowHeaderColumnsMode: "Legacy",
  // ...
};

React

<DayPilotScheduler
  rowHeaderColumnsMode="Legacy"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  rowHeaderColumnsMode="Legacy"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler.rowHeaderColumns

DayPilot.Scheduler.resources

DayPilot.Scheduler.onBeforeResHeaderRender

DayPilot.Scheduler.onBeforeRowHeaderRender

Row Header Columns [doc.daypilot.org]

DayPilot.Scheduler Class