import QtQuick 2.0
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.2

Rectangle {
    width: 400
    height: 400

    ListModel {
        id: testModel
    }

    TableView {
        id: table
        model: testModel
        anchors.fill: parent
        focus: true

        Component.onCompleted: {
            for (var i=0; i<=500; i++) {
                testModel.append({"no":"No " + i, "enabled":false});
            }
        }

        TableViewColumn {
            role: "no"
            title: "No."
            width: 70
        }
        TableViewColumn {
            role: "enabled"
            width: 70
        }
        TableViewColumn {
            role: "enabled"
            width: 50
            delegate: CheckBox {
                anchors.fill: parent
                checked: styleData.value
                onClicked: {
                    testModel.setProperty(styleData.row, styleData.role, checked)
                }
            }
        }

    }

}