Hide List View Header Menu via CSS in SharePoint

In this hint, I’ll show How to hide SharePoint ListView column header menu via CSS for print purpose.open-menu-option-in-listviewSteps :

  • 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;}
</style>

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

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

Enjoy 🙂

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s