import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    id: window
    width: 300
    height: listview.contentHeight
    visible: true

    ListView {
        id: listview
        anchors.fill: parent
        verticalLayoutDirection: ListView.BottomToTop
        spacing: 20

        delegate: Text {
            text: model.text
        }

        section.property: "section"
        section.delegate: Text {
            color: "red"
            text: section
            width: parent.width
            horizontalAlignment: Text.AlignHCenter
        }

        model: ListModel {
            ListElement { text: "Moi"; section: "2016-02-11" }
            ListElement { text: "Hello"; section: "2016-02-11" }
            ListElement { text: "Halo"; section: "2016-02-11" }

            ListElement { text: "Hola"; section: "2016-02-10" }
            ListElement { text: "Hei"; section: "2016-02-10" }
            ListElement { text: "Hallo"; section: "2016-02-10" }

            ListElement { text: "Moin"; section: "2016-02-09" }
            ListElement { text: "Ciao"; section: "2016-02-09" }
            ListElement { text: "Hej"; section: "2016-02-09" }
        }
    }
}