Pivot or Cross Table column alignment issue

Question

Hi All,

I have aligned the header of columns to right but not align. Kindly refer to below setting:
Appreciate your help. Thank you.

Regards,
Herman.

Answer 1

Hi Herman,

at the moment the headers are in a different style section.
You can find this section opening the widget in edit mode and clicking on the "style" tab.
The following image shows the section you need to change.

Changing this alignment to right should fit your needings like in my example below.
 

Regards.

 

Comments

Hi Redjaw,

Thank you for prompt reply.
I checked base on your instruction however i still can't find the alignment for header in Style configuration.
is it the configuration of pivot/cross table or normal table?

Regards,
Herman.

---

Hi Herman,
I'm really sorry but I sent you an example of a feature of next release in both table and pivot table...
However in actual release you can manage that with the css. Just follow those steps:

• Find the widget id selecting the widget and inspecting the code like in the image below:

• In the customStyle.css add this css rule:

#<YOURWIDGETID> th{
    text-align:right;
}
 

This will only apply to your specific widget table headers.
Sorry again, but in next release this will be easily solved.

Thank you and regards.

---

Hi Redjaw,

Thank you for your help.
May i know the below is correct ? and to put in which line/element in css?

#<1523333672856> th{
    text-align:right;
}

Regards,
Herman.

---

Hi Herman,

yeah, it is correct but just remove the <>, they were just a placeholder.

This one should work:
#1523333672856 th{
    text-align:right;
} 

You can put it at the end of the customStyle.css in themes folder or you can regenerate the sass file adding your new class inside an appropriate scss (ie: _cockpitEngine.scss).

Regards.

---

Hi Redjaw,

I've added in css but nothing changes. I also cleaned browser cache and restart server.
Appreciate your help.

Thank you.
Regards,
Herman.