qml tableview实例

下面是一个简单的 QML TableView 示例，展示了如何创建表格视图并向其中添加数据：

import QtQuick 2.0
import QtQuick.Controls 1.4

TableView {
    id: tableView
    width: 400
    height: 200
    
    TableViewColumn {
        role: "name"
        title: "Name"
        width: 100
    }
    
    TableViewColumn {
        role: "age"
        title: "Age"
        width: 100
    }
    
    model: ListModel {
        ListElement { name: "Tom"; age: 25 }
        ListElement { name: "Mary"; age: 30 }
        ListElement { name: "John"; age: 20 }
    }
}

此示例中，我们创建了一个 TableView 组件，并在其中添加了两个 TableViewColumn 组件。每个 TableViewColumn 都具有一个名称和一个宽度，并使用一个“role”来代表列中每个项目的数据模型属性。

最后，我们将一个 ListModel 组件指定为 TableView 的数据模型，并向其中添加了三个元素。每个元素都具有“name”和“age”属性，这些属性将分别对应于我们创建的两个列。