Results 1 to 3 of 3

Thread: Ellipsis not displaying in grid header

  1. #1
    Sencha User
    Join Date
    Dec 2013
    Posts
    7

    Default Ellipsis not displaying in grid header

    Hi,
    Ellipsis is not appearing in grid header. Kindly let me know whether ellipsis will work in Grid header or not. If working, can you pls share me the example. Thanks

    I am defining TestGrid which extend 'Ext.grid.Panel'.

    .x-lbl-H2 {
    font-size: 11px !important;
    font-weight: bold !important;
    font-family: Arial, Verdana, sans-serif !important;
    color: #1a6f99 !important;
    text-transform: none;
    text-decoration: none;
    white-space: nowrap !important;
    cursor: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    }

    columnsConfig.push({
    dataIndex: header.dataIndex,
    text: header.text,
    flex: 1,
    hideable: true,
    cls:'x-lbl-H2',
    tooltip : header.text,
    });

    me.columns = columnsConfig;

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,410
    Answers
    716

    Default

    Try the following:

    Code:
    .x-column-header-text { 
      display : block; 
      overflow : hidden; 
      text-overflow : ellipsis; 
    }

  3. #3
    Sencha User
    Join Date
    Dec 2013
    Posts
    7

    Default thanks

    Thanks. Its working fine.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •