Event (s) zu FullCalendar hinzufügen, damit der Ereigniszeilencontainer über das Zellenraster gezeichnet wird

Question

Ich bin ein Anfänger-Meteor-Entwickler, der an einem Projekt arbeitet, das einen FullCalendar-Kalender enthält.

Ich habe einen Screenshot hinzugefügt, wie Ereignisse im Kalender gerendert werden. Wie Sie sehen können, markieren die rohen roten Kreise mein Problem. Soweit ich verstehe, tritt dieses Problem aufgrund der Tabellenzeilen, die über das Zellengitter zeichnen, auf. Wie kann ich dieses Problem beheben? Hier

ist der Code von meiner onRendered() Funktion:

Template.calendar.onRendered(() => { 
    $('#events-calendar').fullCalendar({ 
    // NOTE: Put your options and callbacks here. 

    events(start, end, timezone, callback) { 
     let data = Events.find().fetch().map((event) => { 
     event.editable = !isPast(event.start); 
     return event; 
     }); 

     if (data) { 
     callback(data); 
     } 
    } 
    }); 

    // NOTE: Assures the calendar updates when the DB updates (refecthEvents). 
    Tracker.autorun(() => { 
    Events.find().fetch(); 
    $('#events-calendar').fullCalendar('refetchEvents'); 
    }); 
}); 

Jede Hilfe oder Einsicht wäre sehr dankbar.

Answer 1

Ich würde sagen alles über das Spielen mit CSS wie ein unten angegebenes Beispiel.

eventRender(event, element) { 
    element.find('.fc-content').html(
    `<h4>${ event.title }</h4> 
    <p class="guest-count">${ event.guests } Guests</p> 
    <p class="type-${ event.type }">#${ event.type }</p> 
    ` 
); 

möchten Sie vielleicht dieses Tutorial meteorchef Tutorial für weitere Referenz sehen.