[Solved] columnMenu: Turning off column visibility collapses grid

[Doug]

I have a grid with 10 columns of various widths:

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).

[Nikolay Rusev]

Hello Doug,

The behavior which you describe is expected. The following article explains in great details how column width behaves: Column widths.

Regards,
Nikolay Rusev
Telerik