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

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

  • February 15, 2021
  • 1 reply
  • 1862 views

Hi ,

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

VS_9760165_0-1613363882257.png

 

 

Thanks 

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:

yanchen_0-1616406357891.png

 

 

1 reply

S
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.

V
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 

Y
yanchen15-MoonstoneAnswer
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

 

 

Terms & ConditionsCookie settingsAccessibility statement