Adding cell vertical border lines to an igx-grid

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

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 

Thank you Malin! It's exactly what the users are looking forward.

I appreciate the great support as always.

JK

Hello Jeff, 

I am glad that you find my suggestion helpful and were able to solve your issue.

Thank you for using Infragistics components.

Best Regards,

Malin Hadzhiev,

Entry Level Software Developer

Infragistics