Swift Table在iOS 14 Plus模拟器仅显示1列问题求助

问题原因 #

SwiftUI的Table组件是**iOS 16.0+、iPadOS 16.0+**才正式支持多列布局和表头显示的。在iOS 14-15版本中，Table会自动降级为类似List的单列样式，只会渲染第一列内容，同时隐藏表头——这就是你在iOS 14 Plus模拟器上看到的现象，而iPad模拟器如果运行的是iPadOS 16+版本，就会正常显示多列和表头。

解决方案 #

根据你的项目需求，有两种处理方式：

方式1：升级部署目标到iOS 16+ #

如果你的项目可以接受最低部署版本提升至iOS 16.0及以上，直接保留现有代码即可。此时所有iOS 16+的设备和模拟器都会正常显示多列表格及表头。

方式2：兼容低版本iOS（iOS 14+） #

如果需要同时兼容iOS 14-15，可通过List结合HStack模拟多列表格效果，同时手动添加表头：

struct OverallObj: Identifiable {
    var category: String
    var total: Int
    var id: String { category }

    static var summary: [OverallObj] {
        [
            OverallObj(category: "1st", total: 1000),
            OverallObj(category: "2nd", total: 1000)
        ]
    }
}

var body: some View {
    if #available(iOS 16.0, *) {
        // iOS 16+ 使用原生Table组件
        Table(OverallObj.summary) {
            TableColumn("Category", value: \.category)
            TableColumn("Total") { overallObj in
                Text("\(overallObj.total)")
            }
        }
    } else {
        // iOS 14-15 用List模拟表格布局
        VStack(alignment: .leading) {
            // 模拟表头
            HStack {
                Text("Category")
                    .fontWeight(.bold)
                    .frame(maxWidth: .infinity, alignment: .leading)
                Text("Total")
                    .fontWeight(.bold)
                    .frame(maxWidth: .infinity, alignment: .trailing)
            }
            .padding()
            
            List(OverallObj.summary) { item in
                HStack {
                    Text(item.category)
                        .frame(maxWidth: .infinity, alignment: .leading)
                    Text("\(item.total)")
                        .frame(maxWidth: .infinity, alignment: .trailing)
                }
            }
            .listStyle(.plain)
        }
    }
}

补充提示 #

• 测试时注意核对模拟器系统版本：确保iOS 14模拟器运行的是iOS 14.x版本，iPad模拟器运行的是iPadOS 16+版本，这样能准确验证不同系统下的表现。
• 若无需兼容iOS 15及以下，升级部署目标是最简便的方案，原生Table的交互体验更优。

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