Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Jeff Kelso
610
Adding cell vertical border lines to an igx-grid
posted

Hi Infragistics Support,

Is there any way I can add cell vertical border lines to an igx-grid to make in cell more apparent?

Thanks,

JK

Parents
  • 60
    Verified Answer
    Offline posted

    Hello Jeff,

    Thank you for contacting Infragistics Support.

    I believe you will find the following sample very helpful in order to achieve your requirement. As you can observe, I am using the cell's role attribute which is ‘gridcell’ as follow:

         [role="gridcell"]{

            border-left: solid 1px black;

            border-right: solid 1px black;

         }

    In case you want to add vertical border lines to the cells in the header row you can use the classes ‘igx-grid__th--fw’ and ‘igx-grid__td--fw’. This approach I left as a comment on the provided sample.

    Please have a look at the provided sample and if it is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me for further investigation.

    Looking forward to hearing from you.

    Regards, 

    Malin Hadzhiev

    Entry Level Software Developer

    Infragistics 

Reply Children