Hide one column header webpart list

I have a webpart list and I want to hide one (and only one) list header.

So here is an example of my webpart list

---------

Column 1: value1

Column 2: value2

Column 3: value3

--------

Here is what I want it to look like

------------------

                value1

Column 2: value2

Column 3: value3

February 26th, 2014 4:48pm

Hi,

Are you using an OOTB List View Web Part?

If so, you can try to use CSS code to hide the column header element in that page.

Here are some links about how to hide column header in a list(though they hide all the column headers of a list):

http://svengillis.blogspot.com/2012/10/hide-list-column-headers-of-list-view.html

http://www.benstegink.com/blog/lists/posts/430#.Uw8Ehiiwpy0

http://techtrainingnotes.blogspot.com/2009/06/sharepoint-hide-list-and-library-column.html

Use CSS to select a specific element:

http://www.w3.org/TR/CSS21/selector.html

http://css.maxdesign.com.au/selectutorial/selectors_class.htm

Hiding an Element using CSS

http://www.w3schools.com/css/css_display_visibility.asp

We can add the CSS code into a Content Editor Web Part, then add this web part into the page contains the list, then the CSS style will be applied to that list.

Here is a video about how to add code into page via Content Editor Web Part:

http://www.n8d.at/blog/turn-summary-link-web-part-into-an-accordion/

Thanks

Patrick Liang

Forum Support

Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com



Free Windows Admin Tool Kit Click here and download it now
February 27th, 2014 4:43am

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics