qml tabelview根据headmodel显示表头
要根据headmodel显示表头,可以使用TableView的setHeaderData函数来设置表头的数据。
以下是一个示例代码:
TableView {
id: tableView
width: 400
height: 300
// 定义一个表头模型
ListModel {
id: headModel
ListElement { headerText: "姓名" }
ListElement { headerText: "年龄" }
ListElement { headerText: "性别" }
}
// 设置表头数据
Component.onCompleted: {
for (var i = 0; i < headModel.count; i++) {
tableView.setHeaderData(i, Qt.Horizontal, headModel.get(i).headerText)
}
}
TableViewColumn {
role: "name"
title: "姓名"
width: 100
}
TableViewColumn {
role: "age"
title: "年龄"
width: 100
}
TableViewColumn {
role: "gender"
title: "性别"
width: 100
}
}
在上面的代码中,我们首先定义了一个headModel,它包含了表头的数据。然后在TableView的Component.onCompleted回调函数中,通过循环遍历headModel的元素,使用setHeaderData函数来设置表头的数据。
注意,我们还定义了三个TableViewColumn来显示数据,每个TableViewColumn都设置了role和title属性,分别对应数据模型中的角色和表头的标题。
运行以上代码,你应该能够看到根据headModel显示的表头
原文地址: https://www.cveoy.top/t/topic/hJXo 著作权归作者所有。请勿转载和采集!