我正在尝试对齐所有分隔线以创建一致的表格视图,但我无法让所有分隔线对齐。理想情况下,即使是标题行也能让分隔线与列表对齐 - 但对齐它们至关重要,这样标题行才能充当数据的键。
import SwiftUI
struct TableView: View {
var teamNames = ["Sporting Kansas City", "Real Salt Lake", "Colorado Rapids", "Minnesota United"]
var teamMP = ["2", "2", "2", "2"]
var teamWins = ["2", "1", "0", "1"]
var teamDraws = ["0", "1", "1", "1"]
var teamLosses = ["0", "0", "1", "0"]
var body: some View {
return VStack() {
HStack(spacing: 10) {
Text("Club")
.padding(.leading)
.frame(width: 210.0, alignment: .leading)
Spacer()
Text("MP")
Divider()
.frame(height: 20.0)
Text("W")
Divider()
.frame(height: 20.0)
Text("D")
Divider()
.frame(height: 20.0) …
Run Code Online (Sandbox Code Playgroud)