文章目录
- 示例代码
- 代码详解
- 运行效果
- 扩展功能
- 总结
在QML中创建一个表格组件,可以使用
TableView
或
TableView
结合
ListModel
和
TableViewColumn
。下面是一个完整的示例,展示了如何使用这些组件创建一个简单的表格,并附上详细的代码说明。
示例代码
main.qml
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15ApplicationWindow {visible: truewidth: 640height: 480title: qsTr("QML Table Example")ColumnLayout {anchors.fill: parentspacing: 10// HeaderText {text: "Employee List"font.pointSize: 20horizontalAlignment: Text.AlignHCenterLayout.alignment: Qt.AlignHCenter}// TableViewTableView {Layout.fillWidth: trueLayout.fillHeight: trueclip: true// Define the modelmodel: ListModel {