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

相关推荐
小灰灰搞电子22 天前
QML 快捷键与Shortcut的使用
qt·qml
小灰灰搞电子22 天前
QML使用ChartView绘制折线图
qt·qml
码农客栈1 个月前
qml Page详解
qml
Ricardo于2 个月前
★3.3 事件处理
qml
梦起丶2 个月前
Qml 中实现时间轴组件
qt·ui·时间轴·控件·qml
梦起丶2 个月前
Qml 中实现任意角为圆角的矩形
qt·ui·控件·qml
码农客栈2 个月前
qml XmlListModel详解
qml
小灰灰搞电子2 个月前
QML states和transitions的使用
qt·qml
码农客栈2 个月前
qml SpringAnimation详解
qml
人才程序员2 个月前
Windows11 安卓子系统存储位置更改
android·c语言·c++·qt·qml·界面