Select all & clear all columns picker (Vue)

Select all & clear all columns picker (Vue)

Posted by: luis.sansana on 2 December 2020, 1:14 am EST

• 

  luis.sansana

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 December 2020, 1:14 am EST - Updated 3 October 2022, 6:05 am EST

  Hello Grapecity team,
  
  I would like to ask how to add a select all and a clear all button in the column picker pop-up, just like in this forum https://www.grapecity.com/forums/wijmo/add-clear--select-all-butt but in Vue.
  
  I tried this but it didn’t show anything.

  Thanks in advance.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 December 2020, 8:51 pm EST

  Hi Luis,

  From what I understand, the issue may be caused by how the column picker is displayed. The method used to display column picker works only on the picker itself and not the parent element of the picker. That is why the select, clear buttons are not displayed.
  
  I have attached a sample which fulfills your requirements.

  I hope this helps.

  Regards,
  
  Ashwin

  column picker.zip

• 

  luis.sansana

  • Post Options:
  • Link
    Copy

  Posted 4 December 2020, 3:15 am EST

  Hello Ashwin,

  Thank you for your reply.
  
  The issue has been solved, thanks for the support.

  Best wishes,
  
  Luis.

• 

  luis.sansana

  • Post Options:
  • Link
    Copy

  Posted 4 December 2020, 3:26 am EST

  The thing that flew right over my head is that I should’ve written
  
  this.columnPicker.hostElement.parentElement
  
  instead of only
  
  this.columnPicker.hostElement