c# anp.net grid view

Question

Hello
I am having issues displaying vertical lines between the columns in my grid view. I have tried few suggestions that I have found online however none of them worked for me. Your help solving this issue would be appreciated. My code is attached below. Thank you.

Emily Foster · Answer

To add vertical lines between the columns in your ASP.NET GridView, you can make use of CSS styles by defining a style class for the cells in the GridView columns. Here's how you can modify your existing code to achieve the desired effect: 1. Add a CSS class to your GridView columns to specify the border style: .gridViewCell { border-right: 1px solid black; /* Add vertical border */ } 2. Apply the CSS class to the cells in your GridView columns: ' height="18px" Width="18px" CssClass="gridViewCell" /> By adding the CSS class "gridViewCell" to your GridView cells, you can specify a right border style to create the vertical lines between the columns. This approach overrides the default GridLines setting of the GridView, allowing for more customizable styling. I hope this solution helps resolve the issue you are facing with displaying vertical lines in your GridView. Let me know if you encounter any further challenges or need additional assistance!

Tuhin Paul · Answer

Code: ' Height="18px" Width="18px" />

Tuhin Paul · Answer

The issue with displaying vertical lines between columns in your GridView is likely due to the fact that the GridLines="Both" property only applies borders to the cells, but not necessarily to the content within the cells. Certain styles (like those applied to ItemStyle ) might override or conflict with the grid's default border settings. Ensure GridLines="Both" is Set You already have GridLines="Both" , which is correct. This ensures both horizontal and vertical lines are drawn. Explicitly Define Cell Borders Add BorderStyle , BorderColor , and BorderWidth to the ItemStyle and HeaderStyle of each column to ensure consistent borders for all cells. Update Your Code Modify your GridView code as follows: ' Height="18px" Width="18px" />

Crown Clit · Answer

Hi Emily Thank you. That worked. How would i apply the same css to the column headers?