Column Header with custom filter popup, tooltip and highlighted button

Column Header with custom filter popup, tooltip and highlighted button

Posted by: ppaska on 2 March 2018, 10:36 am EST

• 

  ppaska

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 March 2018, 10:36 am EST

  Hi there,

  I followed this topic https://www.grapecity.com/en/forums/wijmo/add-custom-button-to-the-c and added custom popup filter. and now struggling to implement other requirements.

  1. Highlight filter button when filter applied. I have proprietary logic when column has a filter, just don’t know how to highlight. This solution ( https://www.grapecity.com/en/forums/wijmo/highlight-filter-button) doesn’t work for me anymore. As I need to highlight (or not) even before user clicks.

  2. I need to put hint (tooltip) on filter button.

  3. Need to make multiline header text. And all this shouldn’t break sorting functionality.

  Will appreciate any AngularJS sample.

  Thanks,
  
  Pavlo

• 

  grapecity

  • Post Options:
  • Link
    Copy

  Posted 5 March 2018, 7:41 am EST

  Hi,

  We are working on your issue. Please allow us some time to resolve this.

  ~nilay

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 7 March 2018, 7:32 am EST

  Hi,

  1). You can handle the updatedLayout event and use it to highlight the filtered columns.

  2). Tooltip can also be attached using the updatedLayout handler

  3). You can append a child to cell create a multiline header

  Refer to the following fiddle:-

  http://jsfiddle.net/gsdqveym/1/

• 

  ppaska

  • Post Options:
  • Link
    Copy

  Posted 8 March 2018, 8:55 am EST

  Very good sample. Thank you very much Abhishek