SwiftUI中TableColumn设.width为.infinity无法动态调整宽度的原因？

问题原因 #

你的设置未生效主要有三个核心原因：

• 父视图的.frame(width: 400.0)强制限制了Table的最大可用宽度，导致列无法根据超长文本扩展宽度
• 使用value: \.myItemStr绑定的默认单元格文本会自动换行，不会触发列宽的动态调整
• 未给Table添加横向滚动容器，即使列宽能扩展，超出视图范围的内容也无法通过滚动查看

修复后的代码 #

import SwiftUI

struct myItem: Identifiable {
    let id = UUID()
    let myItemStr: String
}

struct ContentView: View {
    @State private var myTableTitleStr: String = "My Items"
    @State private var selectedItemID: myItem.ID?
    @State private var myItemsArray = [
        myItem(myItemStr: "Item01"),
        myItem(myItemStr: "Item02"),
        myItem(myItemStr: "Item03")
    ]
    
    var body: some View {
        VStack {
            // 添加横向滚动容器
            ScrollView(.horizontal) {
                Table(myItemsArray, selection: $selectedItemID) {
                    TableColumn(myTableTitleStr) { item in
                        // 自定义单元格内容，强制不换行以撑大列宽
                        Text(item.myItemStr)
                            .lineLimit(1)
                            .fixedSize(horizontal: true, vertical: false)
                    }
                    .width(min: 50, ideal: 350, max: .infinity)
                }
                // 让Table能根据内容自动调整宽度，不受父容器宽度限制
                .fixedSize(horizontal: true, vertical: false)
            }
            // 限制滚动容器的最大高度，避免超出父视图
            .frame(maxHeight: 300)
            
            Button("Button") {
                let myLongString = "my very very very very very very very very very very very very very very very very very long string"
                myItemsArray[0] = myItem(myItemStr: myLongString)
            }
        }
        .padding()
        .frame(width: 400.0, height: 400.0)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

关键改动说明 #

• 添加ScrollView(.horizontal)：为Table提供横向滚动能力，当列宽超出父视图宽度时显示滚动条
• 自定义单元格内容：替换默认的value绑定，手动创建Text并设置.lineLimit(1)和.fixedSize(horizontal: true, vertical: false)，强制文本不换行，触发列宽根据内容动态调整
• 给Table添加.fixedSize(horizontal: true, vertical: false)：让Table可以突破父视图的宽度限制，根据内容自动扩展列宽
• 限制ScrollView的最大高度：避免滚动容器因Table内容过多而超出父视图的高度限制

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