filter icon is hidden when using merging cell and the last column width is '*'

Posted by: weide.zhu on 8 September 2021, 3:12 pm EST

  • Posted 8 September 2021, 3:12 pm EST

    this can be reproduced by using the demo from

    to reproduce it, just need to replace the app.component.html with the below
    <div class="container-fluid">
    <wj-flex-grid [itemsSource]="data" [allowMerging]="'Cells'" [isReadOnly]="true"
    <wj-flex-grid-column [binding]="'country'" [header]="'Country'" [allowMerging]=true></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'sales'" [header]="'Sales'" [format]="'n2'"></wj-flex-grid-column>
    <wj-flex-grid-column [binding]="'expenses'" [header]="'Expenses'" [width]="'*'" [format]="'n2'"></wj-flex-grid-column>

    and it seems the filter icon of 'Expenses' is invisible, but if you click the 'Expenses' header, it then becomes visiable.
  • Marked as Answer

    Replied 9 September 2021, 6:23 pm EST


    On observation of the demo link, I found that the filter icon you mentioned above is sort icons that replicate the column sorting for ascending/descending. By default columns are not sorted, on clicking the column headers the column gets sorted and the sorting icon appears on that column header. You can also provide sortDescriptions array to the collectionView to sort specific columns at the time of initialization.

    In the sample, the sortDescriptions contains two columns country and active so initially both columns gets sorted. As for the issue of the last column not having the sort icon was occurring because the active column binding is missing in your code snippet.

    Let us know if you still have any doubts.

  • Replied 12 September 2021, 10:18 am EST

    you are right, it seems it is NOT a wijmo issue, thanks for helping
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels