QML中动态增加表格数据

1.QML中的表格实现

javascript 复制代码
import QtQuick 2.15
import QtQuick.Window 2.15

import QtQuick.Controls 2.0
import Qt.labs.qmlmodels 1.0
import QtQuick.Layouts 1.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")


    TableModel
    {
        id:table_model
        TableModelColumn { display: "name" }
        TableModelColumn { display: "item1" }
        TableModelColumn { display: "item2" }
        TableModelColumn { display: "item3" }
        TableModelColumn { display: "item4" }

    }


    Column
    {

        TableView
        {
            id:tabel_view_statistics

            visible: true

            implicitHeight: 100
            implicitWidth: 300

            anchors.horizontalCenter: parent.horizontalCenter


            columnSpacing: -1
            rowSpacing: -1
            clip: true

            delegate: Rectangle
            {
                implicitWidth: 50
                implicitHeight: 25
                border.width: 1

                Text
                {
                    text: display
                    anchors.centerIn: parent
                }
            }
        }

        Button{

            text: "动态数据"

            onClicked: {


                table_model.appendRow(                        {
                                         "name": "树木",
                                         "item1": "6",
                                         "item2": "",
                                         "item3": "",
                                         "item4": ""
                                         })
                tabel_view_statistics.model = table_model
            }
        }
    }

}

2.执行效果如下:

相关推荐
Wallace Zhang5 天前
PySide6 + QML - 调试日志01 -告别打印log中文乱码,快速且简单地解决
qt·pyside6·qml
江公望11 天前
Qt QHostInfo::lookupHost()函数,10分钟讲清楚
开发语言·qt·qml
江公望14 天前
Qt告警clazy-detaching-temporary浅谈
qt·qml
Hi2024021718 天前
为QML程序添加启动Logo:提升用户体验
windows·qt·ui·人机交互·qml·启动logo
紫荆鱼19 天前
PCL实战项目-软件界面搭建RibbonUI
qt·pcl·用户界面·qml·点云处理
江公望1 个月前
装了新的QtCreator17,没有用Qt5.12自带的QtCreator4,导致QtCreator17无法找到Qt5.12帮助文档
qt·qml
奔跑吧 android1 个月前
【Qt】【1. 版本特性介绍】
qt·cpp·qml
Wallace Zhang1 个月前
PySide6 + QML - 多线程02 - QThread 生命周期与安全退出
vscode·pyside6·qml
江公望1 个月前
如何在Qt QML中定义枚举浅谈
开发语言·qt·qml
Hi202402171 个月前
Qt+Qml客户端和Python服务端的网络通信原型
开发语言·python·qt·ui·网络通信·qml