Remove table borders?

Sessions, Keith (CTR) - OCIO-CEC, Kansas City, MO 16

Is there really no way to remove table borders in a modern SharePoint page? That just can't be true . . .

. . . can it?

1 answer

Dillon Silzer 54,646 Reputation points

2022-07-14T19:58:05.483+00:00
There is no out-of-box solution for doing so as mentioned by (Sukie Qi MSFT) on https://answers.microsoft.com/en-us/msoffice/forum/all/remove-table-borders-from-table-in-sharepoint/16c76e84-5c71-4b89-afbe-d8acf64cea26

However, you can customize the theme in your SharePoint Site:

element { /* ... */ border-color: "[theme: themePrimary, default: transparent;]"; /* ... */ }

https://learn.microsoft.com/en-us/sharepoint/dev/spfx/use-theme-colors-in-your-customizations
Please sign in to rate this answer.

1 person found this answer helpful.
Sessions, Keith (CTR) - OCIO-CEC, Kansas City, MO 16 Reputation points

2022-07-14T20:00:19.797+00:00

But won't that wipe out table borders throughout the entire site?

Dillon Silzer 54,646 Reputation points

2022-07-14T20:20:28.897+00:00

You could implement a solution where:

1: You choose tables who borders should be transparent as the option "Theme-colored plain"

2: You set the CSS for "Theme-colored plain" to border-color transparent, which will only affect tables that have this style:

table.simpleTableStyleTheme { /* ... */ border-color: "transparent!important;"; /* ... */ }

Result:

Christophe JACOB 0 Reputation points

2024-03-08T09:06:14.1466667+00:00

Here's another "Modern" SharePoint functionality that throws us back 15 years ago when we could do it with SharePoint 2010!!!
Sign in to comment