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.执行效果如下:

相关推荐
特立独行的猫a6 天前
QT/QML国际化:中英文界面切换显示(cmake方式使用)
数据库·qt·国际化·qml·多语言显示
燃犀知不可乎骤得16 天前
认识QML
qt·html·qml
燃犀知不可乎骤得17 天前
QML语法
javascript·qt·html·qml
wangz7623 天前
用QT6、QML、FFMPEG写一个有快进功能的影音播放程序
c++·ffmpeg·qml·qt6·影音播放
__网瘾少年2 个月前
Windows Qt中支持heic 图片显示
c++·windows·qt·qml
梦回阑珊2 个月前
《QT实用小工具·四十七》可交互的创意动态按钮
开发语言·c++·qt·交互·qml·qwidget
_君莫笑2 个月前
【Qt QML】TabBar的用法
c++·qt·qml
梦回阑珊2 个月前
《QT实用小工具·四十八》趣味开关
开发语言·c++·qt·qml·qwidget
梦回阑珊2 个月前
《QT实用小工具·三十九》仿 Windows10 画图3D 的颜色选择器, 但更加强大
开发语言·c++·qt·3d·qml
土拨鼠不是老鼠2 个月前
QML与C++交互
开发语言·数据库·qml