title: Xamarin forms: How to hide the repeated month name from the listview?
body: <p>I have a list of events in my app(UI-1, left side screen), on there month name is repeating always. </p>
  
  <p><img src="https://us.v-cdn.net/5019960/uploads/editor/3k/23sfvaqwuojm.png" alt=""></p>
  
  <p>I need to remove the repeated month name from the list and need a UI like UI-2(right side).</p>
  
  <p>I am using listview for this feature and following is my code:</p>
  
  <p>In my case, I need to show my list in the month order. I have added my current codes below:</p>
  
  <p><strong>My Model Class:</strong></p>
  
  <pre><code>public class CalendarEvents
      {
          public List&lt;EventsHB&gt; eventsHB { get; set; }
      }
  
      public class EventsHB
      {
          public string month { get; set; }
          public EventTO eventTO { get; set; }
      }
      public class EventTO
      { 
          public string calendarEventId { get; set; }
          public string title { get; set; }
          public long startDate { get; set; }
          public string startTime { get; set; }
      }
  </code></pre>
  
  <p><strong>My JSON Response:</strong></p>
  
  <pre><code>"eventsHB": [
          {
              "eventTO": {
                  "calendarEventId": 136,
                  "title": " school event",
                  "startDate": 1561006800000,
                  "startTime": "6:15 PM"
              },
              "month": "July"
          },
          {
              "eventTO": {
                  "calendarEventId": 139,
                  "title": "New Admission Day"
                  "startDate": 1560834000000
                  "startTime": "10:00 AM"
              },
              "month": "July"
          },
          {
              "eventTO": {
                  "calenderId": 810354,
                  "title": "event pta"
                  "startDate": 1559710800000,
                  "startTime": "10:00 AM"
              },
              "month": "June"
          },
         {
              "eventTO": {
                  "calendarEventId": 89,
                  "title": "Memorial Day Meet",
                  "startDate": 1559365200000,
                  "startTime": "8:00 AM"
              },
              "month": "June"
          }
      ]
  </code></pre>
  
  <p><strong>Xaml:</strong></p>
  
  <pre><code> &lt;ListView x:Name="MyEventsListview"
                        HasUnevenRows="True"
                        ItemsSource="{Binding AllItems,Mode=TwoWay}"&gt;
                  &lt;ListView.ItemTemplate&gt;
                      &lt;DataTemplate&gt;
                          &lt;ViewCell&gt;
                              &lt;ViewCell.View&gt;
  
                                  &lt;StackLayout
                                      Orientation="Vertical"&gt;
  
                                          &lt;Label 
                                          Text="{Binding month}"/&gt;
  
                                          &lt;StackLayout
                                  Orientation="Horizontal"&gt;
  
                                              &lt;Grid&gt;
                                                  &lt;Grid.ColumnDefinitions&gt;
                                                      &lt;ColumnDefinition Width="50*" /&gt;
                                                      &lt;ColumnDefinition Width="50*" /&gt;
                                                  &lt;/Grid.ColumnDefinitions&gt;
  
                                                  &lt;StackLayout
                                              Grid.Column="0"
                                              Orientation="Vertical"&gt;
  
                                                      &lt;Label 
                                              Text="{Binding eventTO.startDate,  Converter={StaticResource dayConverter}}"/&gt;
  
                                                      &lt;Label 
                                              Text="{Binding eventTO.startDate,  Converter={StaticResource dateConverter}}"/&gt;
  
                                                      &lt;Label 
                                              Text="{Binding eventTO.startTime}"/&gt;
                                                  &lt;/StackLayout&gt;
  
                                                  &lt;Label 
                                          Text="{Binding eventTO.title}"/&gt;
                                              &lt;/Grid&gt;
                                          &lt;/StackLayout&gt;
                                  &lt;/StackLayout&gt;
                              &lt;/ViewCell.View&gt;
                          &lt;/ViewCell&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/ListView.ItemTemplate&gt;
                &lt;/ListView&gt;
  </code></pre>
  
  <p><strong>Viewmodel:</strong></p>
  
  <pre><code>            HttpClient client = new HttpClient();
                  var Response = await client.GetAsync("My REST Call");
                  if (Response.IsSuccessStatusCode)
                  {
                      string response = await Response.Content.ReadAsStringAsync();
                      myevents = new CalendarEvents();
                      if (response != "")
                      {
                          myevents = JsonConvert.DeserializeObject&lt;CalendarEvents&gt;(response.ToString());
                      }
                      AllItems = new ObservableCollection&lt;EventsHB&gt;(myevents.eventsHB);
  </code></pre>
  
  <p>I don't know what changes need to do in the model class, xaml and ViewModel for grouping the list in month view. Can anyone suggest solution hints?</p>