Problem with border properties in table header with rotate(180deg)

Ignition
1

Good afternoon,

I have this problem with a perspective table and I have no idea how to solve it.

Under columns.X.header.style I have set this properties

{
  "title": "My header",
  "justify": "center",
  "align": "center",
  "style": {
    "classes": "",
    "writingMode": "vertical-lr",
    "borderLeftColor": "#EE3333",
    "borderLeftStyle": "solid",
    "borderRightColor": "#2CD173",
    "borderRightStyle": "solid",
    "transform": "rotate(180deg)"
  }
}

The problem as you can see is the color positions in the header are not matching with the properties.

image
image544×686 18 KB

The same happen if I set the border properties under columns.X.style

In this case the header is wrong but the rows are correct.

image
image1185×950 39.1 KB

2

I’ve just realized that the problem is the

transform: rotate(180deg)

I didn’t expecting this behavior since is the first time I use the vertical text.

Any idea about how could I make work the borders keeping the vertical text alive?