import QtQuick 2.0
import QtQuick.Controls 1.0

Rectangle {
    width: 360
    height: 360

    Column {
        anchors.fill: parent

        TableView {
            width: parent.width
            model: ListModel {
                ListElement {
                    text: "test"
                }
            }

            TableViewColumn {
                role: "text"
            }

            itemDelegate: Item {
                Text {
                    anchors.centerIn: parent
                    renderType: Text.NativeRendering
                    text: styleData.value
                }
                Component.onCompleted: {
                    console.log("ListModel\tmodel:", model, "modelData:", modelData)
                }
            }
        }

        TableView {
            width: parent.width
            model: [
                {
                    text: "test"
                }
            ]

            TableViewColumn {
                role: "text"
            }

            itemDelegate: Item {
                Text {
                    anchors.centerIn: parent
                    renderType: Text.NativeRendering
                    text: styleData.value
                }
                Component.onCompleted: {
                    console.log("JS Array\tmodel:", model, "modelData:", modelData)
                }
            }
        }
    }
}