在qtquick 2中实现TableViewColumn添加列头的功能，且通过tableview和listmodel关联实现一个可通过触摸调节列宽的多列表格

在Qt Quick 2中，可以通过实现TableViewColumn，为其添加列头，并通过TableView和ListModel关联实现一个可通过触摸调节列宽的多列表格。

首先，需要在TableViewColumn中添加headerDelegate属性，用于定义列头的外观。比如：

TableViewColumn {
    id: myColumn
    role: "myRole"
    title: "My Column"
    width: 100
    headerDelegate: Rectangle {
        // 定义列头的外观
    }
    delegate: Rectangle {
        // 定义每个单元格的外观
    }
}

可以在headerDelegate中添加任何元素，用于表示列头的内容和样式。比如，可以添加一个Label来显示列标题：

headerDelegate: Rectangle {
    height: 30
    color: "#f0f0f0"
    border.color: "#d0d0d0"
    border.width: 1
    Label {
        text: myColumn.title
        font.bold: true
        anchors.centerIn: parent
    }
}

接下来，需要实现TableView和ListModel的关联，以便显示数据。可以使用TableView的model属性来指定ListModel，如下所示：

TableView {
    id: tableView
    width: parent.width
    height: parent.height
    model: myModel
    delegate: Rectangle {
        // 定义每个单元格的外观
    }
    TableViewColumn {
        id: myColumn1
        role: "myRole1"
        title: "My Column 1"
        width: 100
        headerDelegate: Rectangle {
            // 定义列头的外观
        }
        delegate: Rectangle {
            // 定义每个单元格的外观
        }
    }
    TableViewColumn {
        id: myColumn2
        role: "myRole2"
        title: "My Column 2"
        width: 100
        headerDelegate: Rectangle {
            // 定义列头的外观
        }
        delegate: Rectangle {
            // 定义每个单元格的外观
        }
    }
}

ListModel {
    id: myModel
    ListElement {
        myRole1: "Data 1, Column 1"
        myRole2: "Data 1, Column 2"
    }
    ListElement {
        myRole1: "Data 2, Column 1"
        myRole2: "Data 2, Column 2"
    }
}

最后，需要实现可通过触摸调节列宽的功能。可以使用MouseArea来实现这个功能，具体实现方式和上一个问题的答案是一样的。