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

(0) Share

Report

Posted on by apangeles

252

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:

General topics

I have the same question (0)

All responses (3)

Answers (1)

Sort by

Verified answer

Fubar 8,530 Super User 2026 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!
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();

Was this reply helpful? Yes No
apangeles 252 on at

Like
a
(0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
Fubar 8,530 Super User 2026 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No