qmlTableView样式设置
import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
TableView {
id: tableView
frameVisible: true
anchors.fill: parent
model:ListModel{
id:listModel
ListElement{
name:qsTr("张三")
age:18
from:qsTr("莆⽥")
}
ListElement{
name:qsTr("李四")
age:19
from:qsTr("厦门")
}
ListElement{
name:qsTr("王五")
age:20
from:qsTr("泉州")
}
ListElement{
name:qsTr("钱多")
age:21
from:qsTr("福州")
}
}
Component{
id:itemDelegateText
Text {
anchors.verticalCenter: parent.verticalCenter
textstyle
color: styleData.selected?"#1E90FF":"#000000"
elide: styleData.elideMode
text: styleData.value
font.pointSize: 12
font.bold: true
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
anchors.fill: parent
}
}
TableViewColumn{
role:"name"
title:qsTr("名字")
width:100
delegate: itemDelegateText
}
TableViewColumn{
TableViewColumn{
role:"age"
title:qsTr("年龄")
width:(tableView.width-100)/2
delegate:itemDelegateText
}
TableViewColumn{
role:"from"
title:qsTr("来⾃")
width:(tableView.width-100)/2
delegate: itemDelegateText
}
headerDelegate: Rectangle{
height: 30
border.width: 1
color: "#FAEBD7"
Text {
id: headerName
text: styleData.value
font.pointSize: 15
font.bold: true
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
anchors.fill: parent
}
}
rowDelegate: Rectangle{
id:rowRectangle
property color rowColor: styleData.selected?"#FFDEAD":(styleData.alternate ? "#F0FFF0":"#E6E6FA")            color:rowColor
height: 30
Rectangle{
x:100
height:parent.height
width:1
color:"black"
}
Rectangle{
x:(tableView.width - 100)/2+100
height:parent.height
width:1
color:"black"
}
//            MouseArea{
//                anchors.fill: parent
//                hoverEnabled: true
//                enabled: true
//                property bool isClicked: false
//                onEntered: {
//                  //  rowColor = lor
//                  // lor="#87CEFA"
//                }
//                onExited: {
/
/                  // lor=rowColor
//                  //  console.log(isClicked)
//                }
//                onClicked: {
//                onClicked: {
//                    wCount > w){
//                        tableView.selection.clear()
//                        tableView.selection.w) //                      // rowColor="#FFDEAD"
//                    }
//                }
//            }
}
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。