I have an events content type, and from it, I have a view that lists events. We're using a bootstrap theme, and the format of the display I'm concerned with is Bootstrap List Group. This allows us to use a field as a grouping header.
Since we want the end user to see events grouped by month, we have the display of the grouping field set to
Year Month. So for example, one header would be "July 2018".
We also have the view paged, so that it shows 15 events per page. We've added a "Show More" button at the bottom.
However a problem arises when the next page of events start in the same month as the previous set ended in. So for example, the user might see this:
August 2018 - Labor Day Holiday - a cookout - a meeting [ Load More ]
Then when they hit "Load More", they see this:
August 2018 - Labor Day Holiday - a cookout - a meeting August 2018 - Ice Cream Social - a party - ... [ Load More ]
How can I prevent the Grouping header from repeating on loading more?