How to show or hide columns in SharePoint Online List Library from


Until the SharePoint Modern Interface arrived, developers had to create custom forms in order to hide or show fields to users.
Say a column like "delay in approval" for admins to know how many days have crossed after the due date, this need not be shown to the end users on the request form. Options like InfoPath, jQuery/JavaScript, PowerApps, Spfx were used to hide the field from users on the form.

Now, SharePoint gives you an OOTB (Out Of The Box) way to show/hide selected fields on SharePoint List or Document Library forms - New, Edit, Display. The data in the column is not impacted, just its visibility on the form.

✔️ Steps to show or hide a field in list or library form

  1. Navigate to your respective list or library.
  2. Click and open any List Item (or document properties) to view the Display form. You can also use the New form.
  3. Click "Edit form" from the top right corner of the form.
  4. Click "Edit Columns".
  5. Check/Uncheck to show or hide the column.
  6. Click Save.
SharePoint column - reorder, show, hide
SharePoint column - reorder, show, hide

⭐ Points to consider

  • The show/hide applies to all 3 forms - New, Edit, Display.
  • Columns which are Required/Mandatory cannot be hidden.
  • Columns with conditional formulas cannot be hidden.
  • Hold and drag-drop up and down to reorder columns, or click on the 3 dots towards the right and move the column up or down. This will rearrange columns on all 3 forms. refer steps here.
  • To show or hide columns in SharePoint views, do it from the respective view. Make sure you apply it on a public view if it is for all users.


Have Questions? Post them here!





Hello there!,

You are using AdBlocker!

I am an independent developer trying to help fellow developers and students to resolve issues faced on a day-to-day basis, we 'Code to Care' . There is a lot of expenses involved in hosting and managing a website that's the reason we have ads.

A humble request to you to disable adBlocker on Code2care.org and support us pay our bills.

Thanks,
Cod2care - Line's of code for change.

To see contents reload page after unblocking
Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities. Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, Tips-n-tricks, How Tos, Blogs, Articles, etc. on various platforms like Windows, Mac, Linux, Mobile platforms, etc. Technologies/Languages like Java, Objective-C, PHP, .Net, Android, SharePoint, jQuery, HTML, CSS, etc.