Dash Ag-grid filter width

Hi everyone!

Is there any way to increase the width of Ag-grid filter

216476776-7c16ecef-0c86-4db2-8dbe-4f5fe3d79a72

Since I have long text in the Filter Content, I cannot see the whole filter params.
the default setting is text truncated to “…” if the size of the GUI exceeded.

Do anyone know how to do this? I’ve seen this angular solution with css which is not directly applicalbe to Dash Ag-grid

Nevermind, the solution that works is putting

.ag-filter-body-wrapper
{
    width: 600px;
}

in your css (you can set it according to your preferences)

1 Like

Hello @davzup89,

CSS should be a straight match on what to do.

The only issue with a solution like this is that it applies to all filters in your app. If needed, you could target a specific grid by giving it a class.