In SharePoint Online- in a List View web part, how to hide the top bar with New, All Items, and the Column name e.g. Title, and show only the list items?

frob 4,261 Reputation points
2022-01-26T23:48:55.91+00:00

Hi there

In a SharePoint Online modern page > List View web part, how to hide the top bar with New, All Items, and the Column name e.g. Title, and show only the list items?

Thank you.

168740-image.png

Microsoft 365 and Office | SharePoint | For business | Windows
0 comments No comments
{count} votes

Accepted answer
  1. HelenMortlock-7689 85 Reputation points
    2023-04-27T11:16:05.1533333+00:00

    We just found a way to do this after much faffing about.

    Edit the page, then the webpart

    IN THE PAGE bit of the webpart, select the list view header text and replace it with a space!

    User's image

    If you just delete the header text it will be replaced on publish with the view title, but if you put a space in there it works! You get a gap at the top of the webpart, but no title text.

    User's image

    Hope this helps anyone else looking at this issue!

    2 people found this answer helpful.

1 additional answer

Sort by: Most helpful
  1. JoyZ 18,111 Reputation points
    2022-01-27T02:26:53.347+00:00

    @frob ,

    Currently, we can use view formatting to hide the column header first:
    168789-image.png

    {  
      "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",  
      "hideColumnHeader": true  
    }  
    

    After that, we can hide the command bar and "see all" button in list web part:

    168827-image.png

    However, we can't hide the list title using the OOB way:
    168777-image.png


    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.


    3 people found this answer helpful.

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.