Datagrid: clear button for filters

[derkoe]

I would like to add a delete/clear button to the Datagrid filters. This would clear the currently set filter.

Here is what that would look like:

API-wise I would add a clear method to the ClrDatagridFilterInterface and implement that for string and number filter.

index eda2e79c7..96c2cc2e6 100644
--- a/projects/angular/src/data/datagrid/interfaces/filter.interface.ts
+++ b/projects/angular/src/data/datagrid/interfaces/filter.interface.ts
@@ -11,6 +11,8 @@ export interface ClrDatagridFilterInterface<T, S = any> {
 
   accepts(item: T): boolean;
 
+  clear?(): void;
+
   changes: Observable<any>;

The delete/clear button is only shown when the filter supports clearing.

[derkoe]

I have created a basic implementation for this feature here: main...derkoe:feat/clear-filter-button

[d-m-s]

@gnomeontherun, @hippee-lee could you guys give us some feedback on this?

[derkoe]

Here is the PR #246

[colinreedmiller]

@lil-kim Please take a look at this.

[d-m-s]

any updates to this one? @lil-kim @colinreedmiller

[lil-kim]

Design work in progress
https://www.figma.com/file/vheBPLiaaBcZu4nNuBfLYb/GH%23225-Clear-filter-feature?node-id=0%3A1&t=hbj4xi2JQr0barwZ-1