[Solved] hideColumn() throws error Cannot read property 'style' of undefined

[Kuangyi]

$('#Grid2').data('tGrid').hideColumn(i) throws error Cannot read property 'style' of undefined

 

Steps to reproduce

 

Add the grid

 

 @(
 Html.Telerik().Grid(Model.Grid.GridRowViewModels)
    .Name("Grid2")
     .Columns(columns =>
    {
        Action<int, string, Type> addColumn = (i, title, type) =>
        {
            columns.Bound(column => column.GridRowCellViewModels[i].Data)
                .Title(title);
        };
        for (int colIndex = 0; colIndex < Model.Grid.ColumnCount; colIndex++)
        {
            addColumn(colIndex, Model.Grid.Titles[colIndex], Model.Grid.Types[colIndex]);
 
        }
    })
    .ClientEvents(e => e.OnLoad("onGridLoad2"))
         )

 

The onload function, hide all the columns

 

for (var i = 0; i < $('#Grid2').data('tGrid').columns.length; i++) {
            $('#Grid2').data('tGrid').hideColumn(i);      
    }

 

Now in the console

 

$('#Grid2').data('tGrid').showColumn(i)

 

And then

$('#Grid2').data('tGrid').hideColumn(i) would throw an error

[Dimo]

Hi Kuangyi,

Judging by your account data, you seem to be using a very old version of the Grid. The latest one does not have the described problem.

Regards,
Dimo
the Telerik team

[Kuangyi]

alright, thanks.