# Custom Filter Icon?

**URL:** <https://community.weweb.io/t/custom-filter-icon/2682>\
**Category:** How do I?\
**Tags:** design, filter\
**Created:** [May 13, 2023, 8:16pm UTC](https://community.weweb.io/t/custom-filter-icon/2682 "2023-05-13T20:16:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![aherbert](https://avatars.discourse-cdn.com/v4/letter/a/839c29/32.png) [@aherbert](https://community.weweb.io/u/aherbert)\
**Post date:** [May 13, 2023, 8:16pm UTC](https://community.weweb.io/t/custom-filter-icon/2682/1 "2023-05-13T20:16:16Z")

</div>

Hello all!

I’m currently in the process of building a datagrid that is both filterable and sortable. I was able to get it to sort by clicking on the header label for a column, however I’m having trouble with the sort. If possible, I’d like to add a filter icon to the header area, either next to each header (a la Excel/Sheets) or a singular icon that can be a dropdown menu.

My thinking was it might be tied to this straggler here, but I cannot get it to show for the life of me:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/99d3b7f48fa3753e6c12010d3c85ea7094091c81.png)

Thanks for any and all help!

---

<div class="post-metadata">

**Author:** ![aherbert](https://avatars.discourse-cdn.com/v4/letter/a/839c29/32.png) [@aherbert](https://community.weweb.io/u/aherbert)\
**Post date:** [May 18, 2023, 5:35am UTC](https://community.weweb.io/t/custom-filter-icon/2682/2 "2023-05-18T05:35:12Z")

</div>

Bumping. Are these mobile only elements?

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [May 22, 2023, 9:27am UTC](https://community.weweb.io/t/custom-filter-icon/2682/3 "2023-05-22T09:27:39Z")

</div>

Do you have an example of what you’re trying to build?

---

<div class="post-metadata">

**Author:** ![aherbert](https://avatars.discourse-cdn.com/v4/letter/a/839c29/32.png) [@aherbert](https://community.weweb.io/u/aherbert)\
**Post date:** [May 25, 2023, 3:19am UTC](https://community.weweb.io/t/custom-filter-icon/2682/4 "2023-05-25T03:19:29Z")

</div>

Something like this within the datagrid (if possible):

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/877e2ace1a4d53cf9f0d0a113b4e67e6481e666f.png)

Clicking on that icon would allow me to filter the data as explained in my original post

---

<div class="post-metadata">

**Author:** ![Quentin](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/quentin/32/6_2.png) [@Quentin](https://community.weweb.io/u/Quentin)\
**Post date:** [May 25, 2023, 1:20pm UTC](https://community.weweb.io/t/custom-filter-icon/2682/5 "2023-05-25T13:20:31Z")

</div>

We plan on improving elements like the datyagrid with the new reusable components in a few weeks. In the meantime, I would suggest creating your own datagrid, as the one we provide is opinionated and can’t allow this 😕