具有水平标题的QML TableView -列宽

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Window 2.15

Window {
    visible: true
    width: 640
    height: 480
    title: "TableView Example"

    TableView {
        id: tableView
        anchors.fill: parent
        columnSpacing: 1
        rowSpacing: 1
        clip: true

        model: ListModel {
            ListElement { name: "Alice"; age: 30 }
            ListElement { name: "Bob"; age: 25 }
            ListElement { name: "Carol"; age: 27 }
        }

        delegate: Rectangle {
            width: tableView.columnWidthProvider(column)
            height: 40
            Text {
                text: model.name
                anchors.verticalCenter: parent.verticalCenter
            }
        }

        // Column width provider
        columnWidthProvider: function(column) {
            if (column === 0) {
                return 200; // Width for the first column
            } else {
                return 100; // Width for the second column
            }
        }

        // Header
        headerDelegate: Rectangle {
            height: 40
            width: tableView.columnWidthProvider(column)
            color: "#dddddd"
            border.color: "#333333"
            Text {
                text: ["Name", "Age"][column]
                anchors.centerIn: parent
                font.bold: true
            }
        }
    }
}