Home Forum Blog Market Events Resources
Showing results for 
Search instead for 
Do you mean 
Highlighted
New Contributor
Posts: 2
Registered: ‎05-19-2017
Accepted Solution

Can you hide or remove column headers on a list view?

[ Edited ]

I've got a List View on a SmartForm, and I don't need headers on the columns because of how my data is set up. I can remove the text label from the headers, but I can't figure out how to get rid of the solid horizontal bar that displays at the top of the View where the headers would go.

Is this possible?

Moderator
Posts: 129
Registered: ‎07-12-2015

Re: Can you hide or remove column headers on a list view?

Hi,

 

You can make the column header titles invisible through the View's header properties but it isn't possible to remove the entire header bar. 

Frequent Contributor
Posts: 119
Registered: ‎12-14-2016

Re: Can you hide or remove column headers on a list view?

[ Edited ]

Hi RoryTheRoman,

 

To remove the Header bar use jQuery or JavaScript.

 

Use browser inspect option to first get the CSS selector path for header, and the use below script 

  

    <script>

    $( document ).ready(function() {

        $("Selectorpath").css('display','none');

    });

    </script>

 

 

After adding selector path it should be like 

 

   <script>

    $( document ).ready(function() {

         $("#_3a166218-f9*personal details removed*fc7-a8da-2e0861c3ddef > div.grid-body > div.grid-column-headers").css('display','none');

    });

    </script>

 

 

     Add Data Label, with property type Literal as checked and add above script in expression property.

 

 

Let me know if this helps you.

 




Karan Verma
India

Blog:k2recipes
New Contributor
Posts: 3
Registered: ‎03-17-2016

Re: Can you hide or remove column headers on a list view?

Hi

Did this work?  Is there a working example of what it looks like?

 

Frequent Contributor
Posts: 119
Registered: ‎12-14-2016

Re: Can you hide or remove column headers on a list view?

This works fine, make sure you are using proper Selector ID and DataLabel property literal is checked. 

 

Let me know if this helps you.

 

 




Karan Verma
India

Blog:k2recipes