Customizing Column Text Alignment

posted on August 14th, 2019

Answered

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

Public

Toni Laukka ⋅ August 14, 2019

Here is a screenshot of the problem.

Attachments:
example-budget-with-dark-background.png

Public

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.

Regards,
Ian

Public

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.

Regards,
Toni

Public

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,
Vera

Customizing Column Text Alignment

4 answers

Please login or Register to Submit Answer