From 3c81f59ab26fbd16ef7502bd767d6869e8ca7909 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 15:00:36 +0300
Subject: [PATCH] Refactor #4231 - For DataTable

---
 components/lib/datatable/ColumnFilter.vue | 2 +-
 components/lib/datatable/DataTable.d.ts   | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/lib/datatable/ColumnFilter.vue b/components/lib/datatable/ColumnFilter.vue
index fb25f4ef3..bca398938 100644
--- a/components/lib/datatable/ColumnFilter.vue
+++ b/components/lib/datatable/ColumnFilter.vue
@@ -22,7 +22,7 @@
             <component :is="filterClearIconTemplate || 'FilterSlashIcon'" v-bind="getColumnPT('filterClearIcon')" />
         </button>
         <Portal>
-            <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
+            <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave" v-bind="getColumnPT('transition')">
                 <div
                     v-if="overlayVisible"
                     :ref="overlayRef"
diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts
index 7cc7322b0..72c3c15d6 100755
--- a/components/lib/datatable/DataTable.d.ts
+++ b/components/lib/datatable/DataTable.d.ts
@@ -622,7 +622,7 @@ export interface DataTablePassThroughOptions {
      */
     tfoot?: DataTablePassThroughOptionType;
     /**
-     * Used to pass attributes to the footerr ow's DOM element.
+     * Used to pass attributes to the footer row's DOM element.
      */
     footerRow?: DataTablePassThroughOptionType;
     /**
@@ -654,6 +654,10 @@ export interface DataTablePassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**