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>