🍉 Meet Flexmonster Pivot Table & Charts 2.9.Check out all hot features!
Get Free Trial

Customizing Column Text Alignment

Toni Laukka asked on August 14, 2019

Is it possible to right align column text and move the sorting button to the left? Default alignment of the cell is on the right and that is good for reading currencies. But when column headers are left aligned it’s sometimes hard to read which column header belongs to the currency cell.

4 answers

Toni Laukka August 14, 2019

Here is a screenshot of the problem.

Ian Sadovy Ian Sadovy Flexmonster August 14, 2019

Hello Toni,
Thank you for the question and screenshot.
Yes, you can align column headers and arrows by slightly overriding the CSS styles.
Please take a look at the following sample: https://jsfiddle.net/flexmonster/1sre60dL/
Let us know if it works well for you.

Toni Laukka August 15, 2019

Hi Ian,

Thanks, it worked perfectly! I think that this should be default and most usability guides would agree with me that column headers should be aligned the same as the column content.

Vera Didenko Vera Didenko Flexmonster August 15, 2019

Hello, Toni,
Thank you for your feedback.
We are glad to hear that everything works.
You are welcome to contact us in case of further questions.
Best Regards,

Please login or Register to Submit Answer