...
<div>
<ejs-grid id="Grid" dataSource="ViewBag.Master" created="created">
<e-grid-columns>
...
</e-grid-columns>
</ejs-grid>
</div>
<br>
<div>
<ejs-grid id="Grid1" dataSource="ViewBag.Master" created="created">
<e-grid-columns>
...
</e-grid-columns>
</ejs-grid>
</div>
<br />
<div>
<ejs-grid id="Grid2" dataSource="ViewBag.DataSource" created="created">
<e-grid-columns>
...
</e-grid-columns>
</ejs-grid>
</div>
<script>
var prop = { //common properties for multiple grids
allowSorting: true,
allowFiltering: true,
toolbar: ["Print", "ExcelExport"],
allowGrouping: true,
showColumnMenu: true,
allowExcellExport: true,
allowFiltering: true,
allowPaging: true,
allowResizing: true,
allowPdfExport: true ... //more properties as per your requirements
};
function created() {
this.setProperties(prop);
}
</script>
... |
...
filterSettings: { type: 'FilterBar', mode: 'Immediate', ignoreAccent: 'true', immediateModeDelay: '1' },
pageSettings: { pageSizes: true }
...
|