Get Free Trial
Get Free Trial

Customizing Column Text Alignment

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.

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

Please login or Register to Submit Answer