How to close the filter menu of a DataTable ?

UI Components for Vue
Post Reply
lucas.pouchot
Posts: 1
Joined: 25 Oct 2021, 10:15

25 Oct 2021, 10:30

I'm trying to use the filter of the DataTable component,

I override the #filterclear to hide it and the #filterapply to replace the filter behavior, setting the @click of the button, everything works fine except that I don't find a way to close the filter menu when I click on the apply button, how to do it ?

Code: Select all

function onFilterArea(event: Event) {
    // work
    // how to close the filter menu ?
}

Code: Select all

<template #filterapply="{}">
    <Button type="button" icon="pi pi-check" class="p-button-success" style="width:100%; margin-top:-1rem" @click="onFilterArea">{{ t('validate') }}</Button>
</template>
Image

I'm using primevue 3.8.0 and vue 3.2.12

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests