How do I remove gridlines from a table on a sharepoint online page

Mugurian,HL,Helen,THE R 0 Reputation points
2024-04-08T15:21:07.79+00:00

I am simply trying to remove the table gridlines on a sharepoint online page and can't see an option to remove lines. Or is there a way I can change a bit of the underlying code to do this?

thanks

H

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
11,176 questions
0 comments No comments
{count} votes

2 answers

Sort by: Most helpful
  1. Xyza Xue_MSFT 28,051 Reputation points Microsoft Vendor
    2024-04-09T02:46:35.6766667+00:00

    Hi @Mugurian,HL,Helen,THE R ,

    Thank you for posting in this community.

    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, per our search, it seems code may help change theme of table. Use theme colors in your SharePoint Framework customizations | Microsoft Docs

    You could implement a solution where:

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

    User's image

    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;";  
       /* ... */  
     }  
    

    Hope the information can help you.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments No comments

  2. Billy 20 Reputation points
    2024-07-30T06:31:01.58+00:00

    I had and still have the same issue...
    There is a limited way to enhance tables by adding colors or removing borders.
    Here is a screenshot of tables pasted from Excel into a SharePoint page:

    Steps:

    1. Create a table in Excel.
    2. Format it as a table and add colors.
    3. Select the unwanted borders and remove them.

    I hope this helps a bit!User's image

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.