I want my header item to be a filter by a text search so i have replaced my header item by a v-text-field. So the label is the placeholder.

The issue is that when i click to the v-text-field it sort asc or desc. I would like the sorting happen only when i click to the arrow.

Do you have an idea of hot to do that ?

<v-data-table id="table" dense v-show="!$data.skeletonLoad" :page.sync="paginationData.page"
        :pageCount="paginationData.pageCount" :headers="head" fixed-header :items="dispItems"
        @pagination="paginationEvent" @page-count="paginationData.pageCount = $event" :options.sync="$data.listOptions"
        :server-items-length="totalItems" :loading="loading" class="elevation-0 mt-1 pt-1" :height="height"
        hide-default-footer>

 <template v-for="header in headers" v-slot:[`header.${header.value}`]>
    <v-text-field hide-details dense v-bind:key="header.value" v-model="$data[header.value]" id="custom-input"
          class="data-table-header-text pt-4" :label="header.text" placeholder="Recherche" />
</template>