加载HTML后，含WKWebView的TableView单元格高度未更新问题求助

问题核心是WKWebView加载HTML是异步操作，TableView初始计算单元格高度时，WebView还没渲染出内容，导致高度计算错误。单纯调用beginUpdates()+endUpdates()无法解决，因为时机不对，得等WebView加载完成后再触发高度刷新。

步骤1：开启TableView自动高度计算 #

先确保你的TableView配置了自动高度，这是基础：

// 在viewDidLoad里设置
tableView.estimatedRowHeight = 200 // 设置一个接近实际内容的预估高度
tableView.rowHeight = UITableView.automaticDimension

步骤2：自定义Cell并监听WebView加载完成 #

给Cell里的WKWebView添加导航代理，加载完成后通过JS获取真实内容高度，再通知控制器刷新：

class WebViewCell: UITableViewCell {
    let webView = WKWebView()
    var onHeightUpdated: ((CGFloat) -> Void)?
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupWebViewConstraints()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupWebViewConstraints()
    }
    
    private func setupWebViewConstraints() {
        webView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(webView)
        // WebView和contentView四边对齐，确保自动高度能正确计算
        NSLayoutConstraint.activate([
            webView.topAnchor.constraint(equalTo: contentView.topAnchor),
            webView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            webView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            webView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
        ])
        webView.navigationDelegate = self
    }
    
    func loadHTMLContent(_ html: String) {
        webView.loadHTMLString(html, baseURL: nil)
    }
}

extension WebViewCell: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        // 通过JS获取页面实际高度（比直接取scrollView.contentSize更可靠）
        webView.evaluateJavaScript("document.body.scrollHeight") { [weak self] result, error in
            guard let height = result as? CGFloat, error == nil else { return }
            // 通知控制器高度更新
            self?.onHeightUpdated?(height)
        }
    }
}

步骤3：控制器中接收高度更新并刷新单元格 #

在cellForRowAt里绑定高度更新的回调，收到通知后刷新对应行：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "WebViewCell", for: indexPath) as! WebViewCell
    let targetHTML = yourHTMLDataList[indexPath.row] // 替换成你的HTML数据源
    cell.loadHTMLContent(targetHTML)
    
    cell.onHeightUpdated = { [weak self] _ in
        // 必须在主线程操作UI
        DispatchQueue.main.async {
            // 刷新该行的高度
            self?.tableView.reloadRows(at: [indexPath], with: .automatic)
            // 或者用begin/endUpdates，效果一致
            // self?.tableView.beginUpdates()
            // self?.tableView.endUpdates()
        }
    }
    return cell
}

额外注意事项 #

• 避免重复刷新：可以在Cell里记录上一次的高度，只有当新高度和旧高度差异超过阈值时才触发回调，防止不必要的UI刷新。
• 预估高度优化：尽量设置接近实际内容的预估高度，减少TableView滚动时的跳动感。
• HTML样式适配：如果HTML内容没有适配Cell宽度，可能导致高度计算错误，建议给HTML添加<meta name="viewport" content="width=device-width, initial-scale=1.0">标签。

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