Select all & clear all columns picker (Vue)

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

  • Posted 2 December 2020, 1:14 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.
  • Marked as Answer

    Replied 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
  • Replied 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.
  • Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels