Recherche rapide

Il est possible d'effectuer une recherche rapide à travers toutes les colonnes d'une grille.

<script setup lang="ts">
import { ref, watch } from 'vue';
import { Query64Grid } from 'query64-vue';
import type { TQuery64GridExpose } from 'query64-vue';

const query64Grid = ref<TQuery64GridExpose>()
const quickSearch = ref('')

watch(quickSearch, (newValue) => {
    if (!query64Grid.value) {
        return
    }
    query64Grid.value.triggerQuickFilter(newValue)
})
</script>

<template>
    <input v-model="quickSearch" />
  <Query64Grid ref="query64Grid" />
</template>

Configuration

La configuration de la recherche rapide permet de sélectionner les colonnes sur lesquelles le filtre sera appliqué.