Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - General Discussions
Answered

List component but with hidden column, hidden column so it can still be searched. Is it possible?

(0) ShareShare
ReportReport
Posted on by 234

Hi everyone, 

 

The management requested to hide one column in my list/view component in my PowerPages site since each cell contains a lot of text that wraps making the height per row quite large. 

 

Note, search is enabled in this list. 

 

He requests, if possible, to hide the column but still can be searched in the built-in search box in the list. Is this possible? 

Categories:
  • Fubar Profile Picture
    7,964 Super User 2025 Season 1 on at
    Re: List component but with hidden column, hidden column so it can still be searched. Is it possible?

    Yes, you would do Edit code (after doing so there should be page JavaScript listed on the left hand side).

  • apangeles Profile Picture
    234 on at
    Re: List component but with hidden column, hidden column so it can still be searched. Is it possible?

    Hi @Fubar ,

     

    I appreciate the reply. I assume that all of these changes in the back end should be made inside the edit code feature in Power Pages, correct? Sadly, I'm still learning webdev and still unfamiliar with these. But I think the CSS part I can do. I'll update you. 

  • Verified answer
    Fubar Profile Picture
    7,964 Super User 2025 Season 1 on at
    Re: List component but with hidden column, hidden column so it can still be searched. Is it possible?

    If it is just the row height you could set that to a set height or em via CSS.

     

    to hide a column in the list you would use JavaScript/JQuery not sure if you can get away with 'loaded' or if you will need to use a mutationobserver (with the later you should be able the columns td as they are rendered)

    // As an example the basics to hide the createdon column 
    // Note: what is below will work in your Browser console (F12), but this is not the complete 
    // code, you will need to put it inside a cocument ready and also pickup when the list has loaded // or use a mutation observer to pickup when the DOM exists to be able to hide it (do not use 
    // a JS timer it can be done without one).
    
    var list = $(".entitylist");
    list.find("th:contains('Created On')").hide(); 
    list.find("td[data-th='Created On']").hide(); 

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Pages

#1
Fubar Profile Picture

Fubar 69 Super User 2025 Season 1

#2
oliver.rodrigues Profile Picture

oliver.rodrigues 49 Most Valuable Professional

#3
Jon Unzueta Profile Picture

Jon Unzueta 43