UITableView嵌套子UITableView的实现及cell复用问题求助

Hey there! 我之前在做类似的多视图滚动页面时，也踩过TableView嵌套导致子单元格无法复用的坑，给你几个实用的解决方案，亲测能解决问题：

如果你的图片、滑块和两个动态列表的单元格样式可以统一管理，这绝对是最优解——完全避开嵌套的坑：

• 把整个页面拆成不同的UITableViewCell类型：比如BannerImageCell、CustomSliderCell、ListItemCell
• 用多Section来区分模块：
  • Section 0：放置图片和滑块单元格（可以是1行或多行，根据布局调整）
  • Section 1：第一个动态列表的所有数据行
  • Section 2：第二个动态列表的所有数据行
• 在cellForRowAt里根据不同的section和row返回对应的单元格，复用逻辑和普通TableView完全一致，根本不会出现复用失效的问题。

如果页面布局比较复杂，TableView的线性布局满足不了需求，推荐用UICollectionView来做主容器：

• 主容器用UICollectionView，把图片、滑块、两个列表都做成独立的UICollectionViewCell
• 两个动态列表对应的Cell内部再嵌套UICollectionView（设置垂直布局，模拟TableView的列表样式）
• 每个子UICollectionView的复用逻辑完全独立，和主容器的复用互不干扰，还能轻松处理各种复杂的布局组合，同时避免滚动冲突。

如果一定要坚持用UITableView嵌套，那得手动处理子TableView的复用绑定逻辑，核心是让子TableView的数据源和父单元格绑定，而不是全局持有：

步骤1：自定义子TableView的容器Cell #

class ChildListContainerCell: UITableViewCell {
    lazy var childTableView: UITableView = {
        let tableView = UITableView()
        tableView.delegate = self
        tableView.dataSource = self
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "ChildListItemCell")
        // 禁止子TableView滚动，由父TableView负责整体滚动
        tableView.isScrollEnabled = false
        // 开启自动行高计算
        tableView.rowHeight = UITableView.automaticDimension
        tableView.estimatedRowHeight = 80
        tableView.translatesAutoresizingMaskIntoConstraints = false
        return tableView
    }()
    
    // 用这个属性绑定当前单元格的数据源，赋值时自动刷新
    var listData: [String] = [] {
        didSet {
            childTableView.reloadData()
        }
    }
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupSubviews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupSubviews()
    }
    
    private func setupSubviews() {
        contentView.addSubview(childTableView)
        NSLayoutConstraint.activate([
            childTableView.topAnchor.constraint(equalTo: contentView.topAnchor),
            childTableView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            childTableView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            childTableView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
        ])
    }
}

extension ChildListContainerCell: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return listData.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ChildListItemCell", for: indexPath)
        cell.textLabel?.text = listData[indexPath.row]
        return cell
    }
}

步骤2：父TableView的配置 #

在父TableView的cellForRowAt里，给对应的容器Cell绑定数据源：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    switch indexPath.row {
    case 0:
        // 返回图片单元格
        let cell = tableView.dequeueReusableCell(withIdentifier: "BannerImageCell", for: indexPath) as! BannerImageCell
        cell.configure(with: bannerImage)
        return cell
    case 1:
        // 返回自定义滑块单元格
        let cell = tableView.dequeueReusableCell(withIdentifier: "CustomSliderCell", for: indexPath) as! CustomSliderCell
        cell.configure(with: sliderData)
        return cell
    case 2:
        // 返回第一个动态列表的容器Cell
        let cell = tableView.dequeueReusableCell(withIdentifier: "ChildListContainerCell", for: indexPath) as! ChildListContainerCell
        cell.listData = firstDynamicListData
        return cell
    case 3:
        // 返回第二个动态列表的容器Cell
        let cell = tableView.dequeueReusableCell(withIdentifier: "ChildListContainerCell", for: indexPath) as! ChildListContainerCell
        cell.listData = secondDynamicListData
        return cell
    default:
        return UITableViewCell()
    }
}

步骤3：计算父Cell的高度 #

要确保父TableView能正确计算嵌套子TableView的单元格高度：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    switch indexPath.row {
    case 0,1:
        return UITableView.automaticDimension // 图片和滑块的自动高度
    case 2:
        // 计算第一个列表的总高度：行数 * 预估行高（或实际计算的行高）
        return CGFloat(firstDynamicListData.count) * 80
    case 3:
        return CGFloat(secondDynamicListData.count) * 80
    default:
        return 0
    }
}

这样处理后，子TableView的数据源会和每个复用的父单元格绑定，每次父单元格复用都会更新子TableView的数据，自然就能正常复用子单元格了。

内容的提问来源于stack exchange，提问作者Lucas P.