Skip to main content
VS_97601651-Visitor
1-Visitor
February 15, 2021
Solved

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

Hi ,

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

VS_9760165_0-1613363882257.png

 

 

Thanks 

yanchenAnswer
15-Moonstone
March 22, 2021

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:

yanchen_0-1616406357891.png

 

 

View in thread

4 replies

SachinSharma16-Pearl
16-Pearl
February 15, 2021

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.

Translate
VS_97601651-VisitorAuthor
1-Visitor
February 15, 2021

Hi @SachinSharma ,

I must have to use Style Theme and also i want Column header separator line. can we do it using css?

 

Thanks 

Translate
SachinSharma16-Pearl
16-Pearl
February 15, 2021

You can try CSS. I am not yet sure what CSS would be, I will check on my instance and if I am able make it work, I will post it here. 

Translate
Terms & ConditionsAccessibility statement