diff --git a/api-generator/components/datatable.js b/api-generator/components/datatable.js
index c99764940..a2e48a9e2 100644
--- a/api-generator/components/datatable.js
+++ b/api-generator/components/datatable.js
@@ -137,12 +137,6 @@ const DataTableProps = [
         default: 'null',
         description: 'Layout of the filter elements, valid values are "row" and "menu".'
     },
-    {
-        name: 'filterOnOutsideClick',
-        type: 'boolean',
-        default: 'false',
-        description: 'Whether to trigger filter apply when outside of the element is clicked.'
-    },
     {
         name: 'filterLocale',
         type: 'string',
diff --git a/components/datatable/ColumnFilter.vue b/components/datatable/ColumnFilter.vue
index 4d3576e06..15124059a 100644
--- a/components/datatable/ColumnFilter.vue
+++ b/components/datatable/ColumnFilter.vue
@@ -182,10 +182,6 @@ export default {
             type: Object,
             default: null
         },
-        filterOnOutsideClick: {
-            type: Boolean,
-            default: false
-        },
         filterMenuClass: {
             type: String,
             default: null
@@ -457,7 +453,6 @@ export default {
             if (!this.outsideClickListener) {
                 this.outsideClickListener = (event) => {
                     if (this.overlayVisible && !this.selfClick && this.isOutsideClicked(event.target)) {
-                        this.filterOnOutsideClick && this.applyFilter();
                         this.overlayVisible = false;
                     }
 
diff --git a/components/datatable/DataTable.d.ts b/components/datatable/DataTable.d.ts
index 502da6255..30ddc03b7 100755
--- a/components/datatable/DataTable.d.ts
+++ b/components/datatable/DataTable.d.ts
@@ -587,11 +587,6 @@ export interface DataTableProps {
      * Fields for global filter
      */
     globalFilterFields?: string[] | undefined;
-    /**
-     * Whether to trigger filter apply when outside of the element is clicked.
-     * Default value is false.
-     */
-    filterOnOutsideClick?: boolean | undefined;
     /**
      * Locale to use in filtering. The default locale is the host environment's current locale.
      */
diff --git a/components/datatable/DataTable.vue b/components/datatable/DataTable.vue
index b37321321..bf34932d9 100755
--- a/components/datatable/DataTable.vue
+++ b/components/datatable/DataTable.vue
@@ -49,7 +49,6 @@
                             :filters="d_filters"
                             :filtersStore="filters"
                             :filterDisplay="filterDisplay"
-                            :filterOnOutsideClick="filterOnOutsideClick"
                             :filterInputProps="filterInputProps"
                             @column-click="onColumnHeaderClick($event)"
                             @column-mousedown="onColumnHeaderMouseDown($event)"
@@ -506,10 +505,6 @@ export default {
             type: Boolean,
             default: false
         },
-        filterOnOutsideClick: {
-            type: Boolean,
-            default: false
-        },
         tableStyle: {
             type: null,
             default: null
diff --git a/components/datatable/HeaderCell.vue b/components/datatable/HeaderCell.vue
index 4e72cacaa..673026188 100644
--- a/components/datatable/HeaderCell.vue
+++ b/components/datatable/HeaderCell.vue
@@ -36,7 +36,6 @@
                 :filters="filters"
                 :filtersStore="filtersStore"
                 :filterInputProps="filterInputProps"
-                :filterOnOutsideClick="filterOnOutsideClick"
                 @filter-change="$emit('filter-change', $event)"
                 @filter-apply="$emit('filter-apply')"
                 :filterMenuStyle="columnProp('filterMenuStyle')"
@@ -144,10 +143,6 @@ export default {
             type: Boolean,
             default: false
         },
-        filterOnOutsideClick: {
-            type: Boolean,
-            default: false
-        },
         filterInputProps: {
             type: null,
             default: null
diff --git a/components/datatable/TableHeader.vue b/components/datatable/TableHeader.vue
index b61d49be9..53261751e 100755
--- a/components/datatable/TableHeader.vue
+++ b/components/datatable/TableHeader.vue
@@ -27,7 +27,6 @@
                         :filters="filters"
                         :filterDisplay="filterDisplay"
                         :filtersStore="filtersStore"
-                        :filterOnOutsideClick="filterOnOutsideClick"
                         :filterInputProps="filterInputProps"
                         @filter-change="$emit('filter-change', $event)"
                         @filter-apply="$emit('filter-apply')"
@@ -203,10 +202,6 @@ export default {
             type: Boolean,
             default: false
         },
-        filterOnOutsideClick: {
-            type: Boolean,
-            default: false
-        },
         filterInputProps: {
             type: null,
             default: null
diff --git a/pages/datatable/DataTableDoc.vue b/pages/datatable/DataTableDoc.vue
index f1aaa7f69..d2d572da1 100755
--- a/pages/datatable/DataTableDoc.vue
+++ b/pages/datatable/DataTableDoc.vue
@@ -2038,12 +2038,6 @@ export default {
                             <td>null</td>
                             <td>Layout of the filter elements, valid values are "row" and "menu".</td>
                         </tr>
-                        <tr>
-                            <td>filterOnOutsideClick</td>
-                            <td>boolean</td>
-                            <td>false</td>
-                            <td>Whether to trigger filter apply when outside of the element is clicked.</td>
-                        </tr>
                         <tr>
                             <td>filterLocale</td>
                             <td>string</td>