Hi!
I've a Grid like this:
@(Html.EJS().Grid("MyGrid")
.AllowTextWrap(true)
.AllowPaging(false)
.AllowSelection(false)
.DataSource((IEnumerable<object>)Model.Data)
.AllowResizing(true)
.Columns(col =>
{
col.Template("#myTemplate").Width(20).TextAlign(TextAlign.Center).Add();
col.Field("ColumnA").HeaderText("Column A").Width(50).Add();
col.Field("ColumnB").HeaderTemplate("#emptyTemplate").Template("#symbolTemplate").Width(20).Add();
col.Field("ColumnC").HeaderText("ColumnC").Width(60).Visible(isVisibleColumnC).Add();
col.Field("ColumnD").HeaderText("ColumnD").Width(70).Add();
col.Field("ColumnE").HeaderText("ColumnE").Width(40).Add();
col.Field("ColumnF").HeaderText("ColumnF").Width(60).Add();
col.Field("ColumnG").HeaderText("ColumnG").Width(60).Add();
col.HeaderText("ColumnH").Template("#mySecondTemplate").Width(40).Visible(isVisibleColumnH).Add();
col.Field("ColumnI").HeaderText("ColumnI").Template("#anotherTemplate").Width(40).Add();
})
.Height(430)
.AllowSorting(true)
.EnableVirtualization(true)
.EnableHover(false)
.EnableHeaderFocus(true)
.LoadingIndicator(l => { l.IndicatorType(Syncfusion.EJ2.Grids.IndicatorType.Shimmer); })
.Locale(Model.MyLanguage)
.ShowColumnMenu(true)
.AllowGrouping()
.RowHeight(30)
.AllowReordering()
.AllowFiltering()
.FilterSettings(filter => { filter.Type(Syncfusion.EJ2.Grids.FilterType.Excel); })
.AllowExcelExport(true).AllowPdfExport(true)
.Render()
)
Using a custom JS function (triggered by an classic button into the page containing the grid) I froze the grid columns.
My JS code is:
...
var grid = document.getElementById(gridName).ej2_instances[0];
// Do some stuff
grid.frozenColumns = columnToFreeze; // It's a positive integer number
grid.refresh();
grid.refreshColumns();
grid.refreshHeader();
} // End of function
When my function terminates, the grid lose Its width (from 1908px goes to 480px): the columns became smaller (less than a classic autofit).
I've noticed that if I disallow "AllowResizing" property, the problem doesn't occour.
Following code works fine:
...
var grid = document.getElementById(gridName).ej2_instances[0];
// Do some stuff
grid.allowResizing = false;
grid.frozenColumns = columnToFreeze; // It's a positive integer number
grid.refresh();
grid.refreshColumns();
grid.refreshHeader();
} // End of function
If I try to re-enable the "AllowResizing" property before leave the function, the problem occours again.
This code doesn't work:
...
var grid = document.getElementById(gridName).ej2_instances[0];
// Do some stuff
grid.allowResizing = false;
grid.frozenColumns = columnToFreeze; // It's a positive integer number
grid.refresh();
grid.refreshColumns();
grid.refreshHeader();
grid.allowResizing = true;
} // End of function
I'm using the 27.1.56 DLL version.
May be I'm missing something, but I don't see wht.
Thanks for your support!
Ragards,
Emanuele
