how do we give Column header separator line in TWX 9.1 ?

Forum|Forum|5 years ago
February 15, 2021
1 reply
1862 views

Hi ,

How to give column header separator line as in below image.

Thanks

Best Practices

Best answer by yanchen

Hi @VS_9760165 ，

Please use below CSS for your requirement, this works for advanced grid:

.MyAdvancedGrid5 .widget-gridadvanced .xhdr td:not(:first-child)
{
border-left:2px solid red !important; 
}

Modify CustomClass property of advanced grid as MyAdvancedGrid5 to apply the CSS

It should display something like below:

S

SachinSharma

16-Pearl

When a style theme is applied to the grid the header dividers disappear. On my local instance I unchecked grid property 'UseTheme' and used style definitions instead then I was able to show the header dividers. You can give it a try and see it fulfills your requirement.