Question

qml tableview 显示单元格边框

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

显示边框的话 需要在你使用的 delegate 里设置,用Rectangle的 border属性是不合适的 因为有重叠, 你需要写三个宽或者高是1的Rectangle 在你delegate的左右 上/下.如果要隔行变颜色之类的 可以用 color:styleData.row%2 === 0 ? "red":"green"

TableView {
backgroundVisible : false
contentFooter: Rectangle{
width: 200;height: 50
color:"#600000FF" //"blue"
}
contentHeader:Rectangle{
width: 200;height: 50
color:"#60FFFF00"//"yellow"
}
/*a*/
// itemDelegate: Rectangle{
// width: 200
// height: 50
// color:"#6000FF00" //"green"
// border.width: 1
// border.color: "black"
// Text {
// anchors.verticalCenter: parent.verticalCenter
// color: styleData.textColor
// elide: styleData.elideMode
// text: styleData.value
// }
// }
/*a*/
/*b*/
rowDelegate:Rectangle{
width: 200
height: 50
color:"#90000000"
Text{
text: styleData.alternate
anchors.centerIn: parent
}
Rectangle{
anchors.bottom: parent.bottom;height: 1;width: parent.width
color:"red"
}
}
/*b*/

TableViewColumn { role: "title"; title: "Title"; width: 100
/*c*/
// delegate: Rectangle{
// color:"#60FF0000" //"red"
// Text{
// anchors.centerIn: parent
// text: styleData.value
// }
// }
/*c*/
}
TableViewColumn { role: "author"; title: "Author"; width: 100
/*c*/
// delegate: Rectangle{
// color:"#60FF0000" //"red"
// Text{
// anchors.centerIn: parent
// text: styleData.value
// }
// }
/*c*/
}
model: ListModel{
ListElement { title: "Title";author:"Author"}
ListElement { title: "Title";author:"Author"}
}
}