Table Filters
Implementing Table Filters
Table filters are a series of go-pill components used to show that the data within a table has been filtered. In the table you can provide a series of these via content projection.
The table itself does not provide filtering capabilities, but provides a slot for these filters to live.
<go-table
tableTitle="Example of Table Filters"
[tableConfig]="tableConfig">
<ng-container go-table-filters>
<go-pill>Filter 1</go-pill>
<go-pill>Filter 2</go-pill>
</ng-container>
<go-table-column field="id" title="ID"></go-table-column>
<go-table-column field="name.first" title="First Name"></go-table-column>
<go-table-column field="name.last" title="Last Name"></go-table-column>
<go-table-column field="email" title="Email"></go-table-column>
<go-table-column field="gender" title="Gender"></go-table-column>
<go-table-column field="ip_address" title="IP Address"></go-table-column>
</go-table>
Example of Table Filters
ID | First Name | Last Name | Email | Gender | IP Address |
|---|---|---|---|---|---|
| 1 | Elena | Beier | Kacie83@hotmail.com | Female | 225.146.41.106 |
| 2 | Marjolaine | Considine | Laurianne_Quigley@yahoo.com | Male | 130.130.73.191 |
| 3 | Arvilla | Ziemann | Winona.Rohan92@gmail.com | Male | 27.62.54.50 |
| 4 | Anjali | Langworth | Merlin.Walsh85@gmail.com | Female | 197.225.133.199 |
| 5 | Audra | Cole | Therese_Murray51@yahoo.com | Male | 75.173.110.55 |
| 6 | Jaylon | Bednar | Germaine62@yahoo.com | Male | 188.12.101.164 |
| 7 | Abagail | Kunze | Demond.Beatty@hotmail.com | Female | 4.54.188.86 |
| 8 | Madelyn | Bayer | Candice51@hotmail.com | Male | 204.26.93.124 |
| 9 | Shawn | Stark | Arlene_Mills@gmail.com | Male | 38.250.156.117 |
| 10 | Yadira | Kassulke | Alycia_Stanton@yahoo.com | Female | 26.119.236.116 |