SwiftUI中Table视图无法显示多列？求排查问题

你的代码本身没有语法错误，问题出在SwiftUI Table的平台适配特性上：

• 在iOS平台，Table默认会渲染为单列列表样式，无论定义多少个TableColumn
• 在macOS、iPadOS（需放置在合适布局容器中），Table才会正常显示多列

针对不同平台的解决办法 #

1. iPadOS 显示多列 #

将Table放入NavigationSplitView的内容区域即可：

struct ContentView: View {
    var body: some View {
        NavigationSplitView {
            List {
                Text("侧边栏示例")
            }
        } detail: {
            Table(data) {
                TableColumn("Firstname", value: \.firstname)
                TableColumn("Lastname", value: \.lastname)
            }
        }
    }
}

2. macOS 显示多列 #

你的原始代码无需修改，直接运行就能看到两列表格，macOS的Table原生支持多列展示。

3. iOS 实现多列表格效果 #

iOS平台的Table不支持多列，可通过LazyVGrid模拟多列表格：

struct ContentView: View {
    // 定义两列布局
    private let columns = [
        GridItem(.flexible(minimum: 100)),
        GridItem(.flexible(minimum: 100))
    ]
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, alignment: .leading) {
                // 表头
                Text("Firstname")
                    .font(.headline)
                Text("Lastname")
                    .font(.headline)
                
                // 数据行
                ForEach(data) { item in
                    Text(item.firstname)
                    Text(item.lastname)
                }
            }
            .padding()
        }
    }
}

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