Hide List View Header Menu via CSS in SharePoint

In this hint, I’ll show How to

Hide SharePoint List View column header menu via CSS for print purpose.

hide SharePoint ListView column header menu via CSS


  • Open your List > Click on the Setting gear > Select Edit Page.

Edit Page

  • Click on Add Web Part > add Script Editor Web Part

Script Editor

  • Add the following CSS code.
th .ms-core-menu-box, .ms-positionRelative{
display:none !important;}

  •  Save your page.
  • Test your list view by clicking on the column header where the open menu option should be now hidden.


Note: If you need to hide open menu for a specific column header in list view, you can do this via the below code: (Where Title is the column name)

div[displayname*="Title"] ~ .ms-core-menu-box,div[displayname*="Title"] ~ .ms-positionRelative{
display:none !important;}

Applies To
  • SharePoint 2016.
  • SharePoint 2013.
  • SharePoint 2010.

In this article, I have explained How to remove List View Filter/Sort menu?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s