SwiftUI下macOS端集成NSScrollView、NSHeaderView到NSTableView方案咨询

最符合AppKit与SwiftUI集成规范的方案是直接在NSViewRepresentable中返回嵌套了NSTableView的NSScrollView，原生层级自动支持表头渲染、滚动联动、列宽调整等特性，不需要额外写自定义逻辑，性能和交互一致性都是最优的。
你提到的两个可选方向都不推荐：

• 封装NSScrollView+NSTableView的结构并不会臃肿，二者本身就是AppKit原生要求的标准嵌套层级，仅需多写几行滚动容器的配置代码，完全可以通过拆分配置方法保持代码整洁
• 用SwiftUI原生ScrollView加独立表头的方案需要手动处理横向滚动同步、表头点击排序、列宽调整联动等大量原生已经实现的逻辑，反而会大幅提升代码复杂度，还容易出现滚动不同步、交互异常等问题

struct TableView: NSViewRepresentable {
    typealias NSViewType = NSScrollView

    func makeNSView(context: Context) -> NSScrollView {
        // 初始化滚动容器
        let scrollView = NSScrollView(frame: .zero)
        scrollView.hasVerticalScroller = true
        scrollView.hasHorizontalScroller = true
        scrollView.autohidesScrollers = true
        scrollView.borderType = .bezelBorder
        
        // 配置表格
        let tableView = NSTableView(frame: .zero)
        tableView.delegate = context.coordinator
        tableView.dataSource = context.coordinator
        
        tableView.rowHeight = 20.0
        tableView.gridStyleMask = [.solidVerticalGridLineMask, .solidHorizontalGridLineMask]
        
        let nameColumn = NSTableColumn(identifier: NSUserInterfaceItemIdentifier(rawValue: "Name"))
        nameColumn.title = "Name"
        tableView.addTableColumn(nameColumn)
        
        let ageColumn = NSTableColumn(identifier: NSUserInterfaceItemIdentifier(rawValue: "Age"))
        ageColumn.title = "Age"
        tableView.addTableColumn(ageColumn)

        // 将表格关联到滚动容器
        scrollView.documentView = tableView
        return scrollView
    }
    
    func updateNSView(_ nsView: NSScrollView, context: Context) {
        guard let tableView = nsView.documentView as? NSTableView else { return }
        tableView.reloadData()
    }

    func makeCoordinator() -> Coordinator {
        return Coordinator()
    }
}

extension TableView {
    final class Coordinator: NSObject, NSTableViewDelegate, NSTableViewDataSource {
        
        func numberOfRows(in tableView: NSTableView) -> Int {
          return 12
        }
        
        func tableView(_ tableView: NSTableView, objectValueFor tableColumn: NSTableColumn?, row: Int) -> Any? {
            switch tableColumn?.identifier.rawValue {
            case "Name":
                return "Person \(row)"
            case "Age":
                return "\(25 + row)"
            default:
                return nil
            }
        }
        
        func tableView(_ tableView: NSTableView, shouldEdit tableColumn: NSTableColumn?, row: Int) -> Bool {
          return true
        }
        
        func tableView(_ tableView: NSTableView, setObjectValue object: Any?, for tableColumn: NSTableColumn?, row: Int) {
            // 编辑完成后的数据处理逻辑在这里实现
        }
    }
}

• 你可以给TableView添加@Binding属性承接SwiftUI侧的列表数据，替换当前 Coordinator 里写死的测试数据
• 如需支持列排序、列宽拖拽调整、行选中回调等功能，直接在NSTableView的配置项和Coordinator的对应代理方法里实现即可，不需要额外适配SwiftUI逻辑
• 如果不需要表头，直接设置tableView.headerView = nil即可隐藏

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