Timeline without Resources Premium
Use Timeline view’s horizontal time axis without displaying resource rows. When using a build system, initialize a plain timeline view like this:
import { Calendar } from 'fullcalendar';
import timelinePlugin from 'fullcalendar-scheduler/timeline';
...
const calendar = new Calendar(calendarEl, {
plugins: [ timelinePlugin ],
initialView: 'timelineWeek'
});
... Or, you can choose to initialize Timeline view with the fullcalendar-scheduler global bundle:
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@7.1.3/all/global.js'></script>
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@7.1.3/themes/monarch/global.js'></script>
<link href='https://cdn.jsdelivr.net/npm/fullcalendar@7.1.3/skeleton.css' rel='stylesheet' />
<link href='https://cdn.jsdelivr.net/npm/fullcalendar@7.1.3/themes/monarch/theme.css' rel='stylesheet' />
<link href='https://cdn.jsdelivr.net/npm/fullcalendar@7.1.3/themes/monarch/palettes/purple.css' rel='stylesheet' />
<script>
...
const calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'timelineWeek'
});
...
</script> A timeline view without resources is not affected by the virtualization setting. Only resource timeline views use virtual rendering.