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


Steps:

  • 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.

hide-open-menu-option-in-listview

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.
Conclusion

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

Advertisements

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