How to hide and readonly columns in SharePoint list view using jquery

Advertisement

Hide column in SharePoint List view 

To hide the column in custom list  new or view or edit form, we can use the below script to do the same. we need to edit the view or edit form page and add a content editor web part in that we have to include the below script to hide the column based on the requirement.

<script src="c:Jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {

//Contains (It will hide all the column which contains the word "Test")

 $("nobr:contains('Test')").closest('tr').hide();

//For single text alone
   $("input[title='Test']").closest('tr').hide();

</script> 

ReadOnly Column in SharePoint Editview

To make the column as read only in custom list  new or view or edit form, we can use the below script. we need to edit the view or edit form page and add a content editor web part in that we have to include the below script to make the column read only based on the requirement.

<script src="c:Jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

   $("input[title='Test']").attr('readonly', true);

</script> 


SharePoint Online Real Time Training Contact: JLAKSHMITULASI@GMAIL.COM
Advertisements
SHARE

Lakshmi Tulasi Jasti

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

1 comments:

  1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training India. Nowadays JavaScript has tons of job opportunities on various vertical industry.

    ReplyDelete