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

相关推荐
Ricardo于18 天前
★3.3 事件处理
qml
梦起丶18 天前
Qml 中实现时间轴组件
qt·ui·时间轴·控件·qml
梦起丶19 天前
Qml 中实现任意角为圆角的矩形
qt·ui·控件·qml
码农客栈19 天前
qml XmlListModel详解
qml
小灰灰搞电子21 天前
QML states和transitions的使用
qt·qml
码农客栈22 天前
qml SpringAnimation详解
qml
人才程序员1 个月前
Windows11 安卓子系统存储位置更改
android·c语言·c++·qt·qml·界面
瀛洲客1 个月前
Qt6 QML RegularExpressionValidator 输入中文的坑
qt·qml·中文·汉字输入
梦起丶1 个月前
Qml 中实现毛玻璃效果
qt·ui·qml·毛玻璃