FullCalendar: show reversed list views

Question

How can I reverse the events in the list views, so that the event with the most futuristic date appears at the beginning (top)?

Answer 1

@F.Mora your solution is almost perfect but in our case we add some custom classNames and have multiple items under each headline.

Here is our enhanced version :

eventAfterAllRender: function(view) {
    var renderedEvents = $('.fc-list-table  tr');
    var reorderedEvents = [];
    var blockEvents = null;
    renderedEvents.map(function(key, event) {
        if ($(event).hasClass('fc-list-heading')) {
            if (blockEvents) {
                reorderedEvents.unshift(blockEvents.children());   
            }
            blockEvents = $('');
        }
        blockEvents.append(event);
    });
    reorderedEvents.unshift(blockEvents.children());
    $('.fc-list-table tbody').html(reorderedEvents);
}