import QtQuick
import QtQuick.Controls.Basic
import Qt.labs.qmlmodels

Window {
    width: 640
    height: 480
    visible: true

    TableView {
        anchors.fill: parent
        reuseItems: true
        model: TableModel {
            id: tableModel
            TableModelColumn { display: "A" }
            TableModelColumn { display: "B" }
            TableModelColumn { display: "C" }
        }
        delegate: Rectangle {
            id: delegate
            implicitWidth: 100
            implicitHeight: 100
            border.width: 1
            
            required property string modelData

            Text {
                text: delegate.modelData
                font.pointSize: 18
                anchors.centerIn: parent
            }

            TableView.onPooled: console.log("Pooled", delegate.modelData)
            TableView.onReused: console.log("Reused", delegate.modelData)
            Component.onCompleted: console.log("Constructed", delegate.modelData)
            Component.onDestruction: console.log("Destroyed", delegate.modelData)
        }
    }
    Component.onCompleted: {
        let rows = []
        for (let i = 0; i < 3; ++i) {
            rows.push({
                "A": `(${i}, 0)`,
                "B": `(${i}, 1)`,
                "C": `(${i}, 2)`
            })
        }
        tableModel.rows = rows
    }
}