Swift嵌套TableView高度计算异常：列表过大时显示空白区域

你当前用items.count * 100硬算高度的方式，会忽略UITableView自身的布局细节（比如默认分隔线高度、cell内边距、自动布局误差），条目越多误差累积越大，最终出现空白区域。下面是两种可靠的解决方法：

方法一：利用内部TableView的contentSize动态计算 #

直接依托系统计算的contentSize来获取真实高度，避免手动硬算的误差：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    // 获取当前外层cell对应的内部列表数据
    let innerItems = getInnerItems(for: indexPath)
    
    // 创建临时内部TableView（或复用提前初始化的实例）
    let innerTableView = UITableView()
    innerTableView.dataSource = self
    innerTableView.register(InnerTableCell.self, forCellReuseIdentifier: "InnerCell")
    innerTableView.rowHeight = 100 // 保持你的固定cell高度
    innerTableView.isScrollEnabled = false
    
    // 强制完成数据加载和布局，确保contentSize准确
    innerTableView.reloadData()
    innerTableView.layoutIfNeeded()
    
    return innerTableView.contentSize.height
}

方法二：在自定义外层Cell内部预计算高度 #

这种方式更高效，避免重复创建临时TableView：

1. 自定义外层Cell #

class OuterTableCell: UITableViewCell {
    let innerTableView = UITableView()
    private var innerItems: [Any] = []
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupInnerTableView()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupInnerTableView()
    }
    
    private func setupInnerTableView() {
        innerTableView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(innerTableView)
        
        // 绑定内部TableView到外层Cell的四边
        NSLayoutConstraint.activate([
            innerTableView.topAnchor.constraint(equalTo: contentView.topAnchor),
            innerTableView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            innerTableView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            innerTableView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
        ])
        
        innerTableView.rowHeight = 100
        innerTableView.isScrollEnabled = false
        innerTableView.dataSource = self
        innerTableView.register(InnerTableCell.self, forCellReuseIdentifier: "InnerCell")
    }
    
    // 配置内部数据并触发布局
    func setInnerItems(_ items: [Any]) {
        innerItems = items
        innerTableView.reloadData()
        innerTableView.layoutIfNeeded()
    }
    
    // 对外提供已计算好的内部TableView高度
    func getInnerTableHeight() -> CGFloat {
        return innerTableView.contentSize.height
    }
}

// 实现内部TableView的数据源
extension OuterTableCell: UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return innerItems.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "InnerCell", for: indexPath) as! InnerTableCell
        // 配置内部Cell数据
        return cell
    }
}

2. 外层TableView计算高度 #

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    let cell = tableView.dequeueReusableCell(withIdentifier: "OuterCell") as! OuterTableCell
    let innerItems = getInnerItems(for: indexPath)
    cell.setInnerItems(innerItems)
    return cell.getInnerTableHeight()
}

额外注意事项 #

• 务必确保内部TableView的isScrollEnabled设为false，避免滚动冲突。
• 如果内部Cell用自动布局而非固定高度，需把innerTableView.rowHeight设为UITableView.automaticDimension，并指定estimatedRowHeight，确保contentSize计算准确。
• 内部数据更新时，调用外层TableView的reloadRows(at:with:)方法，重新计算高度。

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