My code
<ejs-grid id="Grid" allowPaging="true" allowFiltering="true" allowSorting="true" allowExcelExport="true" toolbar="toolbarItems" rowSelected="onRowSelected" actionComplete="actionComplete" load="onLoad" toolbarClick="onToolbarClick" style="font:700"> <e-grid-filterSettings type="Menu" mode="OnEnter" showFilterBarStatus="true" /> <e-grid-editsettings allowAdding="true" allowDeleting="true" allowEditing="true" allowEditOnDblClick="false" showDeleteConfirmDialog="true" /> <e-data-manager adaptor="RemoteSaveAdaptor" json="@Model.ViewModel.Test.ToArray<object>()" /> <e-grid-pageSettings pageSize="10" pageSizes="@(new[] {"10","50", "100", "All"})" /> <e-grid-columns> <e-grid-column field="Id" headerText="Id" isPrimaryKey="true" width="120" clipMode="EllipsisWithTooltip" visible="false"></e-grid-column> <e-grid-column field="testid" headerText="testid" width="120" clipMode="EllipsisWithTooltip"></e-grid-column> <e-grid-column field="test" headerText="test" width="120" clipMode="EllipsisWithTooltip"></e-grid-column> <e-grid-column field="test2" headerText="test2" width="120" clipMode="EllipsisWithTooltip"></e-grid-column> <e-grid-column field="test3" headerText="test3" width="120" clipMode="EllipsisWithTooltip"></e-grid-column> </e-grid-columns> </ejs-grid>