Create a list with headers using SwiftUI and macOS

Question

I like to build an old styled macOS app, not an iOS app! Therefore I need a list with a light grey background header row with the titles of the column. Usualy the user can resize each column by dragging the end of the header column around. But how can I set it with SwiftUI?

I read a lot about iOS and manually setting some text (titles/headers) above. But the intention is to use a build-in functionality, that this title belongs to a column and when changing the width of the title, the column is also changed. Also a double click will sort the entire list accordingly to the clicked column up or down. The width of the columns will also automatically fit the content.

Where is the property to set all these features?

Swift Dev Journal · Accepted Answer · 2021-07-06 23:44:32Z

2

SwiftUI lists can have only one column. Xcode 13 adds a Table control for Mac apps. The Table control supports multiple columns, but it requires macOS 12.

To support earlier macOS versions, you can wrap AppKit views, such as NSTableView, in SwiftUI by creating a struct that conforms to NSViewRepresentable. Wrapping NSTableView should give you the Mac table view behavior you want.

SwiftUI does support Mac lists having the sidebar list style. Use SidebarListStyle as the list's style.

.listStyle(SidebarListStyle())

edited Jul 6, 2021 at 23:44

answered Apr 22, 2020 at 21:58

Swift Dev Journal

20.2k4 gold badges63 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create a list with headers using SwiftUI and macOS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related