Results 1 to 7 of 7

Thread: How to add a clickable icon in column header

  1. #1
    Sencha User
    Join Date
    Mar 2016
    Posts
    61
    Vote Rating
    1
      0  

    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
    Vote Rating
    292
      0  

    Default

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

  3. #3
    Sencha User
    Join Date
    Mar 2016
    Posts
    61
    Vote Rating
    1
      0  

    Default

    No , Can you me help how to do that

  4. #4
    Sencha User
    Join Date
    Feb 2011
    Location
    Düsseldorf, Germany
    Posts
    597
    Answers
    35
    Vote Rating
    33
      0  

    Default use cls

    Here is a starting point:

    Add this to the column:

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

    Code Review | Send PM


    Need to include a test case use:
    https://fiddle.sencha.com/#home

  5. #5
    Sencha User yeghikyan's Avatar
    Join Date
    Mar 2009
    Location
    München
    Posts
    569
    Answers
    96
    Vote Rating
    46
      0  

    Default

    Something like:

    Code:
    columns: [{
        text: 'First Name',
        dataIndex:'firstname',
        items: [{
            xtype: 'button',
            glyph: 'xf0c7@FontAwesome',
            handler: function() {
                console.log('Click')
            }
        }]
    }],
    The competent programmer is fully aware of the strictly limited size of his own skull; therefore he approaches the programming task in full humility, and among other things he avoids clever tricks like the plague.

  6. #6
    Sencha Premium User
    Join Date
    Sep 2016
    Location
    Kennewick, WA
    Posts
    76
    Answers
    7
    Vote Rating
    4
      0  

    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
    25
    Answers
    3
    Vote Rating
    -1
      0  

    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. 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
    By andreiastra in forum Ext GWT: Discussion
    Replies: 7
    Last Post: 9 Apr 2010, 1:09 AM
  4. 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
  •