Dash AG Grid filter input field not displaying correctly

Dash Python
1

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

image

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,
    },
)
2

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?

1 Like
3

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

1 Like