Share via


how to display grid lines in list view please help

Question

Tuesday, September 18, 2012 9:59 AM

Hello,

What should I do if I would like do display grid lines in list view. I've read related topics but I stil don't know how to do it. I use Sharepoint Designer. Please help

Regards

All replies (5)

Tuesday, September 18, 2012 11:10 AM ✅Answered | 1 vote

You can do this using SharePoint designer. Please try below steps.

    • Open the site in SharePoint designer
    • Open the view in edit mode that you wanted to edit
    • Select the grid and click on the  properties--> Cell under Table group in the ribbon control.
    • Set the border color and size equal to 1
    • Save the change.

Hope this will help you.

Senthilrajan Kaliyaperumal


Tuesday, September 18, 2012 10:23 AM

Hi,

You need to modify default XSLT of listview webpart. Open your page in designer and use below jquery.

<!–ADJUST TABLE COLUMN WIDTH–>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js“></script>
<script>
$(function(){
$(“tr.ms-viewheadertr th:contains(‘Title’)”, “#MSO_ContentTable”).css(“width”, “50px”);
$(“tr.ms-viewheadertr th:contains(‘Assigned To’)”, “#MSO_ContentTable”).css(“width”, “300px”);
});
</script>

Check this for more info about steps: http://jshidell.com/2010/09/19/adjusting-sharepoint-list-columns-using-jquery/

You can also look into this MSDN article for more customization: http://msdn.microsoft.com/en-us/library/ff630941.aspx#odc_sp14_qn_UsingSharePointDesigner2010WorkwithWebParts_CreateXSLTListViewWebPart.

Hope it could help

Cheers, Hemendra-MCTS "Yesterday is just a memory,Tomorrow we may never see"


Tuesday, September 18, 2012 10:37 AM

Thanks for your reply. But this is not what I asked for. I would like to display black grid lines to separate rows and columns in standard list view (not in datasheet view). Is it possible?

Regards


Tuesday, September 18, 2012 12:48 PM

Thank you very much!. That is exactly what I was looking for. I was sure it cannot be very complicated. Thanks once more

Regards


Wednesday, February 5, 2014 12:11 AM

Any tips for how to do this in SharePoint 2013 Office 365? Any help would be greatly appreciated!