BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
App.vue
<template>
<div id="app">
<ejs-grid
id="Grid"
ref="grid"
:dataSource="data"
:allowPaging="true"
:editSettings="editSettings"
:load="load"
></ejs-grid>
</div>
</template>
<script>
import Vue from "vue";
import { GridPlugin, Edit, Page, Toolbar } from "@syncfusion/ej2-vue-grids";
import { data } from "./datasource";
Vue.use(GridPlugin);
export default {
data() {
return {
data: data,
editSettings: {
allowAdding: true,
allowEditing: true,
allowDeleting: true
},
toolbar: ["Add", "Edit", "Delete", "Update", "Cancel"]
};
},
methods: {
load: function() {
var colObj = { headerText: "Ship City", field: "ShipCity", width: 120 };
this.$refs.grid.ej2Instances.columns.push(colObj);
}
},
provide: {
grid: [Page, Edit, Toolbar]
}
};
</script>
<style>
@import "https://cdn.syncfusion.com/ej2/material.css";
</style> |