QML如何通过单击列的标题对tableView进行排序

import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQml.Models 2.2

TableView {
    id: tableView
    width: 400
    height: 300

    SortFilterProxyModel {
        id: sortModel
        sourceModel: yourSourceModel // 替换为你的源数据模型
        sortRole: "yourSortRole" // 替换为你的排序依据的角色名
    }

    model: sortModel

    // 其他tableView的属性和列定义...
}

TableView {
    // ...

    TableViewColumn {
        role: "yourSortRole" // 替换为你的排序依据的角色名

        headerDelegate: Item {
            width: column.width
            height: column.height

            Rectangle {
                width: parent.width
                height: parent.height
                color: "lightgray"
                border.color: "gray"

                Text {
                    text: column.title
                    anchors.centerIn: parent
                    font.bold: true
                }

                MouseArea {
                    anchors.fill: parent
                    onClicked: {
                        sortModel.sort(columnIndex, Qt.AscendingOrder)
                    }
                }
            }
        }
    }

    // ...
}