Column header not aligning correctly

Column header not aligning correctly

Posted by: nathan.papke on 5 July 2024, 1:08 pm EST

• 

  nathan.papke

  • Post Options:
  • Link
    Copy

  Posted 5 July 2024, 1:08 pm EST

  I’m using a FlexGrid in Blazor and trying to align column headers. Some of the column headers are on one line, some are on two lines. For all my column headers i use: HeaderHorizontalAlignment=“C1HorizontalAlignment.Center”
  
  The column headers that are on one line are correctly aligning but the headers on two lines don’t align correctly. Is there a piece of code i am missing?

• 

  ankit.kumar

  

  • Post Options:
  • Link
    Copy

  Posted 10 July 2024, 4:46 am EST - Updated 10 July 2024, 4:51 am EST

  Hi,

  By default, when the header text length is greater than the width of the column, the header text is aligned to the left so that the content of the header is shown. Is this the issue you are facing?

  However, for the long text, the text exceeding the column width is not shown. Also, by design it is not shown on the next line. It seems like you are applying some custom code in your application.

  Could you kindly share us a sample replicating the issue you are facing? Also, kindly do let us know your expected outcome so that we could also look into that.

  You could refer to the sample that I have used for testing. You could also modify the attached sample and share it with us.

  The following screenshot shows the default behaviour (without any custom styling being applied):

  

  801×381 7.04 KB

  Sample: FlexGrid-ColumnAlignments.zip

  Regards,

  Ankit