dropdown width in an editable grid

hello

we have a editable grid containing a couple of dropdowns. The fields are as follows:

dropdown picker dropdown dropdown dropdown dropdown decimal decimal decimal decimal checkbox text icon icon

if there is no data the grid looks fine. When we select a dropdown the field expands seeming to override the column configurations so the user sees:

dropdown picker dropdown dropdown dropdown drop...

although the user can scroll left as normal, this is a poor user experience.

is there a way to fix the width of the dropdowns in an editable grid so they wont expand past a certain point?

{
a!gridLayoutColumnConfig(
Weight: "1"
),
a!gridLayoutColumnConfig(
Weight: "1"
),
a!gridLayoutColumnConfig(
Weight:"2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
{a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
Weight: "1"
),
a!gridLayoutColumnConfig(
Weight: "2"
),
a!gridLayoutColumnConfig(
width: "ICON"
),
a!gridLayoutColumnConfig(
width: "ICON"
)
},