Results 1 to 7 of 7

Thread: How to add a clickable icon in column header

  1. #1

    Default How to add a clickable icon in column header

    How to add a clickable icon in column header in extjs grid

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Have you tried adding it to the 'items' config for the column definition?

  3. #3

    Default

    No , Can you me help how to do that

  4. #4
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    599
    Answers
    35

    Default use cls

    Here is a starting point:

    Add this to the column:

    Code:
    cls:'x-fa fa-home',

  5. #5
    Sencha User
    Join Date
    Mar 2009
    Location
    München
    Posts
    574
    Answers
    99

    Default

    Something like:

    Code:
    columns: [{
        text: 'First Name',
        dataIndex:'firstname',
        items: [{
            xtype: 'button',
            glyph: '[email protected]',
            handler: function() {
                console.log('Click')
            }
        }]
    }],

  6. #6
    Sencha MVP Team Member
    Join Date
    Sep 2016
    Location
    Kennewick, WA
    Posts
    153
    Answers
    15

    Default

    I'm not sure if you are talking about modern or classic. Here is a fiddle using classic to add a button to a column header.

    https://fiddle.sencha.com/#view/editor&fiddle/2aom

  7. #7
    Sencha User
    Join Date
    Jul 2011
    Location
    Indore, India
    Posts
    26
    Answers
    3

    Default

    Answered: Adding icon in grid column's header





    https://www.sencha.com/forum/showthr...olumn-s-header

    Also look at working example : https://fiddle.sencha.com/fiddle/2aru

Similar Threads

  1. [DUP] Sorted column title drops sort icon when column header text changes
    By cpastore84 in forum Ext JS 6.x Bugs
    Replies: 1
    Last Post: 6 Jan 2016, 2:58 PM
  2. Clickable icon in column header
    By norbergh in forum Ext: Q&A
    Replies: 5
    Last Post: 2 Oct 2013, 12:43 PM
  3. Clickable header icon in a grid
    By ds0870 in forum Sencha Ext JS Q&A
    Replies: 1
    Last Post: 12 Jun 2010, 1:18 AM
  4. Clickable Header icon
    By andreiastra in forum Ext GWT: Discussion
    Replies: 7
    Last Post: 9 Apr 2010, 1:09 AM
  5. Clickable icon to the column header
    By tenthcup in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 17 Jun 2008, 6:38 PM

Posting Permissions

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