# Dash AG Grid filter input field not displaying correctly

**URL:** <https://community.plotly.com/t/dash-ag-grid-filter-input-field-not-displaying-correctly/84189>\
**Category:** Dash Python\
**Tags:** bug-reporter\
**Created:** [May 2, 2024, 9:04am UTC](https://community.plotly.com/t/dash-ag-grid-filter-input-field-not-displaying-correctly/84189 "2024-05-02T09:04:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![frankfnl](https://avatars.discourse-cdn.com/v4/letter/f/35a633/32.png) [@frankfnl](https://community.plotly.com/u/frankfnl)\
**Post date:** [May 2, 2024, 9:04am UTC](https://community.plotly.com/t/dash-ag-grid-filter-input-field-not-displaying-correctly/84189/1 "2024-05-02T09:04:37Z")

</div>

I’m facing an issue while applying a filter to text columns in AG Grid. The filter input field does not show up.

![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/d/3/d3f501fb5400653dd0d1bc87215849f67a9f72e6.png)

Python 3.8.10, dash 2.16.1, dash-ag-grid 31.2.0

This is my code:

```
nomenclature_df = nomenclature_df.astype(str)
grid = dag.AgGrid(
    id="get-started-example-basic-df",
    rowData=nomenclature_df.to_dict("records"),
    columnDefs=[
        {
            "field": i,
            "headerName": i,
            "sortable": True,
            "filter": True,
        }
        for i in nomenclature_df.columns
    ],
    className="ag-theme-alpine dash-ag-grid",
    columnSize="autoSize",
    dashGridOptions={
        "pagination": True,
        "animateRows": False,
        "paginationPageSizeSelector": False,
        "paginationPageSize": 50,
    },
)

```

---

<div class="post-metadata">

**Author:** ![AnnMarieW](https://avatars.discourse-cdn.com/v4/letter/a/ec9cab/32.png) [@AnnMarieW](https://community.plotly.com/u/AnnMarieW)\
**Post date:** [May 2, 2024, 12:28pm UTC](https://community.plotly.com/t/dash-ag-grid-filter-input-field-not-displaying-correctly/84189/2 "2024-05-02T12:28:27Z")

</div>

Hi @frankfnl

I can’t replicate the issue. Can you please provide a complete example that I can run that will show the same thing?

---

<div class="post-metadata">

**Author:** ![frankfnl](https://avatars.discourse-cdn.com/v4/letter/f/35a633/32.png) [@frankfnl](https://community.plotly.com/u/frankfnl)\
**Post date:** [October 27, 2024, 8:03pm UTC](https://community.plotly.com/t/dash-ag-grid-filter-input-field-not-displaying-correctly/84189/3 "2024-10-27T20:03:58Z")

</div>

It turns out I had a CSS statement where the `input` element was set to `{display: none}` !