[OPEN] [#1682] wrap column header text

  1. #1

    [OPEN] [#1682] wrap column header text


    How can i wrap header text?


           <ColumnModel ID="ColumnModelTest" runat="server">
                                        <ext:Column runat="server" Text="This is a really longer header and it should wrap" Width="105" DataIndex="test1" />
    Last edited by fabricio.murta; Nov 04, 2019 at 8:04 PM.
  2. #2
    Hello Z!

    You can either use the <br /> HTML line break markup or allow all column titles to wrap instead of showing ellipsis, overriding its CSS rule like this:

    .x-column-header-inner, .x-column-header-inner span { white-space:normal; }
    Hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    thanks! that works.

    i would like to see a feature on the Column object that is "WrapHeader" [true/false]

  4. #4
    Hello @Z!

    We have logged issue #1682 for the feature.

    Please notice Ext.NET 4 is in feature freeze phase, so the issue logged regards Ext.NET 5.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] GridPanel Column Name Wrap Text
    By tanky65 in forum 2.x Premium Help
    Replies: 2
    Last Post: Nov 17, 2012, 6:58 PM
  2. Replies: 3
    Last Post: Apr 12, 2012, 5:15 PM
  3. [CLOSED] Change text in header group column.
    By pdcase in forum 1.x Premium Help
    Replies: 4
    Last Post: Mar 09, 2011, 4:44 PM
  4. [CLOSED] Column header text style
    By Stefanaccio in forum 1.x Premium Help
    Replies: 1
    Last Post: Feb 03, 2011, 11:03 AM
  5. Wrap Header Text?
    By Tbaseflug in forum 1.x Help
    Replies: 3
    Last Post: Mar 04, 2009, 4:28 PM

Posting Permissions