Hide columns from allitems.aspx view if column is empty (SharePoint 2013)

Question

I will try and explain this the best I can, I am building a documentation site for our company and have created the following

List called Customer Details that has 4 content type associated with it Content type are as follows ADSL Service Details, VPN Details, Router Details etc

The content types have site columns associated with them for information like Usernames, password, LAN IP, WAN IP etc

I have uploaded the all itmes views for the Customer details list which is grouped by Customer and then by device

I have enabled all the columns for all the content types in the view to show the information needed.

What I would like to do is hide any columns in the view if the column is blank

Answer 1

Are you using "Boxed" style for this view?

Anyway, you can add a CEWP (Content Editor Web Part) and add some javascript to hide the columns.

About how to use CEWP: http://office.microsoft.com/en-us/sharepoint-server-help/content-editor-web-part-HA010024046.aspx

Core javascript:

<script src="/personalsites/lvjun/Shared%20Documents/jquery-1.10.2.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        //Loop each row of the data
        $(".ms-listviewtable .ms-stylebox table > tbody > tr").each(function(){
            //If the value is blank, hide the whole row
            if($(this).find("> .ms-stylebody").text() === ''){
                $(this).hide();
            }
        });
    });
</script>

The way I find out which class to use is by checking the HTML source file manually.

Hope this can help you.

Answer 2

Please take a look at this post:
http://office.microsoft.com/en-za/sharepoint-designer-help/create-a-custom-list-view-using-sharepoint-designer-HA010379079.aspx
You will need to create or edit your view in SharePoint designer and built in some logic with the XSLT.