I want to hide multiple columns with all their rows followed by those columns (Comments,Test1,Test2,Test5) in my list based on a specific group permission. Here is a screenshot: Inspecting the elements I have a found a jQuery code but it's based on hiding last column in the list and last cell. I tried to find the position of the others column by inspecting the element for i add them to my code but i am stuck their. Here is my jQuery code:

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.01/jquery.SPServices.min.js"></script>
<script language="javascript" type="text/javascript">
    $(function () {
        var currentUser = $().SPServices.SPGetCurrentUser();
            operation: "GetGroupCollectionFromUser",
            userLoginName: currentUser,
            async: false,
            completefunc: function (xData, Status) {                   
                var flag = ($(xData.responseXML).find("Group[Name='Dev Site Add-ins Members']").length == 1);
                if (flag) {
                    //To Hide Column Header
                    document.querySelector("div[name^='Comments']").parentElement.style.display = "none";

                    // To Hide all rows for the Comments column
                    var tdElementsNodeList = document.querySelectorAll("td[class^='ms-vb-lastCell']");
                    for (var i = 0; i < tdElementsNodeList.length; i++) {
                        tdElementsNodeList[i].style.display = "none";

What would be the code to hide those columns i mentioned above?

Any help will be greatly appreciated. Thank you!

  • 1
    Best way i to create views for the list with required columns – Milind Nov 26 '19 at 12:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.