Editable column header in wijmo grid

Editable column header in wijmo grid

Posted by: meghas on 3 May 2020, 4:03 am EST

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 3 May 2020, 4:03 am EST

  How can we make Column Header editable in wijmo grid?
  
  I want to add datepicker, dropdown,text field in column header and want to update rows by selecting value in column.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 May 2020, 2:53 am EST

  Hi Megha,

  You may use the wjFlexGridCellTemplate to add different input elements and controls to the headers and handle their change events to update the value in the FlexGrid:

  https://stackblitz.com/edit/angular-swamtv

  Regards,
  
  Ashwin

• 

  meghas

  • Post Options:
  • Link
    Copy

  Posted 4 May 2020, 3:04 pm EST

  Hi,
  
  Thanks Ashwin your solution is really helpful but instead of adding these editors in next row can we add these header ?
  
  For eg there is date column .
  
  so header is DATE can i make it editable and show it like DATE (with calendr icon) and i can change as its working in example…

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 May 2020, 1:39 am EST

  Hi Megha,

  The column headers are not editable so we cannot add a CellEdit template to the headers. For your requirements, the best option is the one that I used or to add the editors side-by-side of the headers, if you do not wish to add a new row.

  ~regards