咨询QML TableView点击列标题实现升序/降序排序的方法

无需子类化任何C视图类，仅需在QML侧添加少量逻辑即可实现和C QTableView一致的列点击排序效果，核心逻辑是直接调用已对接的QSortFilterProxyModel自带的sort公共槽方法。

实现步骤 #

1. 表头添加点击排序逻辑 #

自定义TableView的表头委托，在点击事件中触发排序：

import QtQuick 2.15
import QtQuick.Controls 2.15

TableView {
    id: tableView
    // 替换为你已绑定的QSortFilterProxyModel实例名
    model: sortProxy

    // 自定义表头委托
    headerDelegate: ItemDelegate {
        text: model.display
        font.bold: true
        width: tableView.columnWidth(model.index)

        // 存储当前排序状态
        property int curSortCol: -1
        property bool isAscending: true

        MouseArea {
            anchors.fill: parent
            onClicked: {
                const targetCol = model.index
                // 点击同列切换排序方向，点击新列默认升序
                if (curSortCol === targetCol) {
                    isAscending = !isAscending
                } else {
                    curSortCol = targetCol
                    isAscending = true
                }
                // 直接调用代理模型的排序方法
                sortProxy.sort(targetCol, isAscending ? Qt.AscendingOrder : Qt.DescendingOrder)
            }
        }
    }

    // 其余TableView配置（行委托、单元格委托等）保持不变
}

2. 可选优化：显示排序状态标识 #

可在表头添加排序方向箭头，提升交互体验，将以下代码放入headerDelegate内部即可：

Text {
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    text: curSortCol === model.index ? (isAscending ? " ↑" : " ↓") : ""
    font.bold: true
}

注意事项 #

• 确保C侧QSortFilterProxyModel的sortRole已正确配置，未配置时默认使用Qt.DisplayRole排序，与C QTableView默认行为一致。
• 若需禁用指定列的排序，可在表头点击事件中增加列号过滤逻辑即可。

内容的提问来源于stack exchange，提问作者FutCoder