Merge pull request #100 from tarunsamanta2k20/tarun_samanta/#98

Added functionality for clearing filters applied on tables.

Author: paraswaykole

frontend/src/components/dbfragments/table/table.tsx

@@ -10,6 +10,7 @@ import { useAppDispatch } from '../../../redux/hooks'
 import { deleteDBData, setQueryData, updateDBSingleData } from '../../../redux/dataModelSlice'
 import { DBConnType } from '../../../data/defaults'
 import TabContext from '../../layouts/tabcontext'
+import { filter } from 'lodash'
 
 
 type TablePropType = {
@@ -162,6 +163,11 @@ const Table = ({ queryData, dbConnection, mSchema, mName, isEditable, showHeader
         }
         onFilterChanged(filter)
     }
+    const onFilterClear = () =>{
+        let filter: string[] | undefined = undefined
+        setFilterValue(['default', 'default', '']);
+        onFilterChanged(filter);
+    }
 
     const changeSort = (newSortIdx: string) => {
         if (!isEditable) {
@@ -228,6 +234,9 @@ const Table = ({ queryData, dbConnection, mSchema, mName, isEditable, showHeader
                             <p className="control">
                                 <button className="button" onClick={onFilter}>Filter</button>
                             </p>
+                            <p className="control">
+                                <button className="button" onClick={onFilterClear} >Clear Filter</button>
+                            </p>
                         </div>
                     </div>
                     {isEditable && <React.Fragment>