I have a grid with 10 columns of various widths:
The grid renders fine. I have columnMenu set to true. When I go to any column menu and deselect a checkbox in the Columns section, that column is hidden as expected but all the remaining columns shrink and collapse to the left (see attached).
This behavior does not happen if i set all columns to the same width (ex: 200).
columns: [{
field:
"items__item"
,
title:
"Item Id"
,
width: 25
}, {
field:
"items__name"
,
title:
"Item Name"
,
width: 125
}, {
field:
"items__average_historic_price"
,
title:
"Avg Hist Price"
,
width: 25
}, {
field:
"items__price_currency"
,
title:
"Currency"
,
width: 25
}, {
field:
"items__quantity"
,
title:
"Quantity"
,
width: 25
}, {
field:
"attribute79_value"
,
title:
"Major Customer?"
,
width: 125
}, {
field:
"attribute84_value"
,
title:
"Orig City"
,
width: 75
}, {
field:
"attribute85_value"
,
title:
"Orig State"
,
width: 25
}, {
field:
"attribute89_value"
,
title:
"Dest City"
,
width: 75
}, {
field:
"attribute90_value"
,
title:
"Dest State"
,
width: 25
}
]
The grid renders fine. I have columnMenu set to true. When I go to any column menu and deselect a checkbox in the Columns section, that column is hidden as expected but all the remaining columns shrink and collapse to the left (see attached).
This behavior does not happen if i set all columns to the same width (ex: 200).