0

Yesterday I have asked how to hide the titles of the columns of a list on a SharePoint page.

But is it also possible to hide the column titles of multiple lists on a page?

1
  • All lists have the same boxed style or different styles? May 4 at 17:07
1

Use below code in script editor or content editor web part:

<script type="text/javascript">

    function hideAllListsColumnHeaders(){
        var allListTables = document.querySelectorAll("table.ms-listviewtable");

        for(var i = 0; i < allListTables.length; i++) {
            var tbodyElement = allListTables[i].firstChild;
            var trElement = tbodyElement.firstChild;
            trElement.style.display = "none";
        }
    }

    _spBodyOnLoadFunctionNames.push("hideAllListsColumnHeaders");

</script>
  1. Add content editor web part on your page.

  2. Click on click here to add new content

    enter image description here

  3. Click Edit Source under FORMAT TEXT tab

    enter image description here

  4. Paste above code in HTML Source dialog opened

  5. Click OK

  6. Click Stop Editing under PAGE tab in ribbon

4
  • Where do i have to paste the code in a content editor web part? May 4 at 18:20
  • All lists have the same boxed style May 4 at 18:33
  • Check updated answer & steps to add code. May 4 at 18:34
  • 1
    Thanks for the help May 4 at 18:39

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.