ejGrid setWidthToColumns

[Arun Gandhi]

Hello,

I am trying to set ej Grid column width with setWidthToColumns method. Its not working.  The goal is if user changes the column width, we want to user to reset all columns width to default by clicking a button.

 Here is the code snippet.

                        var grid = $("#FlatGrid").ejGrid("instance");

                        grid.setWidthToColumns();

                        grid.refreshContent();

Please advise.

Thanks

[Prasanna Kumar Viswanathan]

Hi Arun, 

Thanks for contacting Syncfusion support. 

If you want to change the column width dynamically, use columns method of ejGrid. In this sample we change the column width of an particular column in the button click. 

Find the code example and sample: 

@Html.EJ().Button("buttonnormal").Size(ButtonSize.Normal).Text("Button").ClientSideEvents(e => e.Click("Click")) 

 

@(Html.EJ().Grid<object>("FlatGrid") 

    .Datasource((IEnumerable<object>)ViewBag.datasource) 

    .EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing(); }) 

    ------------------ 

   .AllowPaging() 

    .Columns(col => 

     {  

        --------------------------------- 

       col.Field("ShipCity").HeaderText("Ship City").TextAlign(TextAlign.Right).Width(80).Priority(2).EditType(EditingType.Dropdown).ValidationRules(v => v.AddRule("required", true)).Add(); 

       ------------------------------------ 

    }) 

    ) 

 

---------------------------------------------- 

function Click(args) { 

        var gridobj = $("#FlatGrid").ejGrid("instance"); 

        gridobj.model.columns[1].width = 100; 

        var columns = gridobj.model.columns[1]; 

        gridobj.columns(columns); 

    } 

Sample: http://www.syncfusion.com/downloads/support/forum/126330/ze/Sample145862-1977299603 

Refer to the Help document for the columns method. 

https://help.syncfusion.com/js/api/ejgrid#methods:columns 

Regards, 

Prasanna Kumar N.S.V