cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

The community will undergo maintenance on October 16th at 10:00 PM PDT and will be unavailable for up to one hour.

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

VS_9760165
12-Amethyst

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 

ACCEPTED SOLUTION

Accepted Solutions
yanchen
15-Moonstone
(To:VS_9760165)

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 solution in original post

4 REPLIES 4

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.

Hi @SachinSharma ,

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

 

Thanks 

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. 

yanchen
15-Moonstone
(To:VS_9760165)

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

 

 

Announcements


Top Tags