ngx-admin
ngx-admin copied to clipboard
Error - search customized on smart-table
My code following the Documentation:
- https://akveo.github.io/ng2-smart-table/#/examples/using-filters
component.html:
Smart Table
component.ts:
source: LocalDataSource = new LocalDataSource();
constructor(private httpClient: HttpClient) { this.httpClient.get('/assets/data/Cadastros.json').subscribe((result: Cadastro[]) => { this.data = result; this.source.load(this.data); }); }
filterTable() { if (this.text === ' ') { console.log('Hello'); this.source.load(this.data); } else { this.source.setFilter([ { field: 'Id', search: this.text, }, ], false); } }
My problem is there in the "if" of the function "filter()", I can't update again my table when my search is empty. The documentation is the same, can you help me please.
In your code, you are checking if the this.text variable is equal to a single space character (' '). Instead, you should check if it is an empty string ('') to determine if the search is empty.
filterTable() { if (this.text === '') { console.log('Hello'); this.source.load(this.data); } else { this.source.setFilter([ { field: 'Id', search: this.text, }, ], false); } }