Table filter icon is not highlighted when Filter Dropdown with Search is active
PrincessLunaOfficial opened this issue · comments
If the filter in the table has custom FilterDropdown with Search as a child element, filter icon in the table header will not be highlighted if you fill the searchbox. Overall it makes it impossible to see if current filter is active.
Steps to reproduce
<Table @ref="_table" DataSource="dataSource" OnChange="OnChange" TItem="Data">
<ColumnDefinitions>
<PropertyColumn Property="c=>c.Name"
SorterCompare="@((a,b)=> a.Length - b.Length)"
SortDirections="new[] { SortDirection.Descending }" >
<FilterDropdown>
<Search Placeholder="Search Name" WrapperStyle="padding:20px;" @bind-Value="searchString" OnSearch="()=>_table?.ReloadData()" />
</FilterDropdown>
</PropertyColumn>
</ColumnDefinitions>
</Table>
Further technical details
Official demo
https://antblazor.com/en-US/components/table#components-table-demo-custom-filter-panel
Thanks for contacting us @PrincessLunaOfficial , this is beacuse you didn't update the filter state.
https://antblazor.com/en-US/components/table#components-table-demo-restore-query-state
Thanks for contacting us @PrincessLunaOfficial , this is beacuse you didn't update the filter state.
Thanks for reply, you are right. I hope that query state is not updated on the example page intentionally.
Maybe we can add a parameter Filtered
or Filtering
for marking the column is active.