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,281 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

Answer accepted by question author
  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,126 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' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.