How to customize list styles?

[resetsix]

In SwiftUI, Table only supports macOS, while on mobile platforms, the List component is used as a substitute. How can I customize the List style on mobile devices in MarkdownView, such as changing the header background color and adding vertical separators?

macOS

Mobile

[LiYanan2004]

1. Where do I use Table…
2. Where do I use List…

All of your questions are very confusing

it is a table rather than a list

However, it’s using SwiftUI.Grid rather than SwiftUI.Table

Please be specific and do not give random things like SwiftUI.Table and List

[resetsix]

I apologize for confusing them; it seems to be a lack of depth in my understanding of Swift/SwiftUI

My question is as follows: I hope to customize the Table style, including the header and body background colors, as well as adding vertical dividing lines between the columns

I did not find any relevant modifiers in the document. So I'd like to ask how to define it

[LiYanan2004]

Table style customization already implemented in pre-2.4.0 (aka. main branch), including:

• Horizontal row separator visibility
• Table border

header and body background colors

No, this is not supported yet since SwiftUI’s GridRow behaves like Group, you can only add backgrounds to actual cell content

adding vertical dividing lines between the columns

No as well. For now, we only support horizontal row separator visibility control. You can only obtain row from MarkdownTableStyleConfiguration

Resources

• Pre-released documentation: https://liyanan2004.github.io/MarkdownView/documentation/markdownview/markdowntablestyle/
• DefaultMarkdownTableStyle for how I implement the style
• SwiftUI.View.markdownTableStyle(_:)

[LiYanan2004]

All of these should be supported after merging #86

[resetsix]

I see. Does markdownview currently support custom block quote styles?

Are there plans to support this feature in the future

[LiYanan2004]

Already supported. I haven’t updated the docs yet, check out #81