Center Align Text in all Column Headers in Flexgrid using PureJS

Posted by: daryn.holmes on 12 September 2017, 10:03 am EST

  • Posted 12 September 2017, 10:03 am EST

    Hi,

    I would like to center align text in all the column headings. I can't find an example that helps.

    I am using `wordWrap: true` - not sure if that is effecting anything.

    Can you please tell me how to center align all column headings in flexgrid using the PureJS version. I don't mind doing it in CSS of JS - as long as it works :)

    Thanks
  • Replied 12 September 2017, 10:08 am EST

    OK, this seems to have worked:

    In the css:

    .wj-header {
    text-align: center !important;
    }
  • Replied 13 September 2017, 4:47 am EST

    Hi,
    We are glad to know that you have resolved your issue.
    If you would like to align text in the center for only headers, this is the recommended way. If you would like to change alignment for entire column, you need to use align property of Column class.

    Thanks,
    Manish Kumar Gupta
  • Replied 14 September 2017, 2:00 pm EST

    bump
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels