- added CLEAR button to tables;

src/pages/DashboardInstructorManager/components/LatestBandiTableInstructorManagerAsync/index.js

@@ -161,6 +161,32 @@ const LatestBandiTableInstructorManagerAsync = () => {
         setLocalAsyncRequest(false);
     }
 
+    const clearFilter = () => {
+        setLazyState({
+            first: 0,
+            rows: 5,
+            page: 0,
+            sortField: null,
+            sortOrder: null,
+            filters: {
+                name: { value: null, matchMode: 'contains' },
+                startDate: { value: null, matchMode: 'dateIs' },
+                endDate: { value: null, matchMode: 'dateIs' },
+                status: { value: null, matchMode: 'equals' }
+            }
+        });
+    };
+
+    const renderHeader = () => {
+        return (
+            <div className="flex justify-content-between">
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+            </div>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         setLocalAsyncRequest(true);
         const paginationQuery = getPaginationQuery();
@@ -176,6 +202,7 @@ const LatestBandiTableInstructorManagerAsync = () => {
                 first={lazyState.first} rows={lazyState.rows} totalRecords={totalRecordsNum} onPage={onPage}
                 onSort={onSort} sortField={lazyState.sortField} sortOrder={lazyState.sortOrder}
                 onFilter={onFilter} filters={lazyState.filters} loading={localAsyncRequest}
+                header={header}
                 emptyMessage={translationStrings.emptyMessage}>
                 <Column field="name"
                         sortable