edit doc

dayMaxEventRows

In dayGrid view, the max number of stacked event levels within a given day. This includes the +more link if present. The rest will show up in a popover.

Boolean, Integer. default: false

For timeGrid and timeline views, see eventMaxStack.

When there are too many events, a link that looks like “+2 more” is displayed. The exact action that happens when the user clicks the link is determined by moreLinkClick.

A value of false (the default) will display all events as-is.

A value of true will limit the number of events to the height of the day cell. View a live demo.

An integer value will limit the events to a specific number of rows.

For the all-day section in the TimeGrid views, a value of true will limit the number of events to 5. To fine-tune this, use View-Specific Options like this:

var calendar = new Calendar(calendarEl, {
  dayMaxEventRows: true, // for all non-TimeGrid views
  views: {
    timeGrid: {
      dayMaxEventRows: 6 // adjust to 6 only for timeGridWeek/timeGridDay
    }
  }
});