How to display the title in two lines in the header

Posted by: soraroid on 16 January 2025, 2:57 am EST

    • Post Options:
    • Link

    Posted 16 January 2025, 2:57 am EST

    Hello.

    The column name in flexgrid is too long.

    So, I would like to express it by dividing it into two lines.

    ex) check

    point

  • Posted 20 January 2025, 1:07 am EST - Updated 20 January 2025, 1:12 am EST

    Hello,

    To address your requirement, you can follow these steps:

    1. Set the Default Column Header Height:
    grid.DefaultColumnHeaderRowHeight = 70;
    1. Apply CSS for text wrapping:

    
    [row-index="0"].flexgrid-cell span {
       white-space: normal;
    }

    I have attached a sample that demonstrates this approach. Feel free to reach out if you encounter any issues.

    Best regards,

    Ankit

    Sample: FlexGrid_Title.zip

Need extra support?

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

Learn More

Forum Channels