TableView代码
时间: 2023-07-23 12:07:27 浏览: 53
下面是一个基本的示例代码,展示了如何在QML中使用TableView实现一个简单的表格:
```qml
import QtQuick 2.15
import QtQuick.Controls 2.15
ApplicationWindow {
visible: true
width: 400
height: 300
TableView {
anchors.fill: parent
TableViewColumn {
role: "name"
title: "Name"
width: 100
}
TableViewColumn {
role: "age"
title: "Age"
width: 100
}
TableViewColumn {
role: "city"
title: "City"
width: 100
}
model: ListModel {
ListElement { name: "John"; age: 30; city: "New York" }
ListElement { name: "Alice"; age: 25; city: "London" }
ListElement { name: "Bob"; age: 35; city: "Paris" }
}
}
}
```
在这个示例中,我们创建了一个`ApplicationWindow`作为根元素,并设置了宽度为400,高度为300。
在`ApplicationWindow`内部,我们使用了一个`TableView`作为表格的容器。通过设置`anchors.fill: parent`,将表格填充满整个窗口。
在`TableView`内部,我们使用了三个`TableViewColumn`来定义表格的列。每个列都有一个`role`属性来指定数据的角色,以及一个`title`属性来定义列的标题,还有一个`width`属性来设置列的宽度。
在`model`属性中,我们使用了`ListModel`作为表格的数据模型,并在模型中添加了三个数据项。每个数据项都包含一个`name`、`age`和`city`属性。
这个示例创建了一个简单的包含3列的表格,用于显示姓名、年龄和城市。你可以根据需要进一步自定义表格的样式和数据。