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

相关推荐
江公望2 天前
Qt QtConcurrent使用入门浅解
c++·qt·qml
ajassi20005 天前
开源 C++ QT QML 开发(二)工程结构
linux·qt·qml
ajassi20009 天前
开源 C++ QT QML 开发(一)基本介绍
linux·qt·开源·qml
大橘14 天前
【qml-11】Quick3D实现机器人欧拉旋转、拖动视角
qt·3d·机器人·qml
大橘15 天前
【qml-12】Quick3D实现机器人鼠标拖拽转换视角(无限角度)与滚轮缩放
qt·3d·机器人·qml
钱彬 (Qian Bin)16 天前
企业级实战:构建基于Qt、C++与YOLOv8的模块化工业视觉检测系统(基于QML)
c++·qt·yolo·qml·工业质检·qt 5.15.2
大橘18 天前
【qml-10】Quick3D实现机器人渲染(mesh)记录
qt·机器人·qml
机器视觉知识推荐、就业指导18 天前
QML学习:1.快速了解QML
qt·学习·qml
DreamLife☼1 个月前
Qt 中的 Q_OBJECT 宏详解 —— 从源码到底层机制的全面剖析
qt·信号·qml·q_object··rtti·运行时类型信息
大橘2 个月前
【qml-5】qml与c++交互(类型单例)
qt·qml