title: How to auto-sort QML ListElements in sections?
body: <p>I have a ListModel with a few ListElemts in it. I want these Elements to be sorted on section in a ListView. When I run this:</p>
  
  <pre><code>Page {
      ListModel {
          id: listModel
          ListElement {
              title: "life"
              section: "a"
          }
          ListElement {
              title: "universe"
              section: "b"
          }
          ListElement {
              title: "and everything"
              section: "a"
          }
      }
      ListView {
          model: listModel
          section {
              property: 'section'
              delegate: SectionHeader {
                  text: section
              }
          }
          delegate: ListItem {
              Label {
                  text: model.title
              }
          }
      }
  }
  </code></pre>
  
  <p>It gives something like:</p>
  
  <pre><code>        a
  life
          b
  universe
          a
  and everything
  </code></pre>
  
  <p>However I want it to return something like:</p>
  
  <pre><code>        a
  life
  and everything
          b
  universe
  </code></pre>
  
  <p>I can achieve this manually by arranging the ListElements in the model in the above order but, since the ListElements are dynamic, this isn't perfect.
  How can I make sure the ListElements are automatically sorted the way I want it?</p>