w-aggrid-vue

w-aggrid-vue

A support package for web developer.

Example

To view some examples for more understanding, visit examples:

ag-grid-vue: ex-small.html

ag-grid-vue: ex-large.html

Installation

Using npm(ES6 module):

Note: w-aggrid-vue depends on lodash, wsemi, ag-grid-community, ag-grid-vue

npm i w-aggrid-vue

In a browser(UMD module):

Note: umd file includes with lodash and wsemi, by using tree-shaking for dead-code elimination

[Optional] Add script with nomodule for IE11.

<script nomodule src="https://cdn.jsdelivr.net/npm/@babel/polyfill/dist/polyfill.min.js"></script>

[Necessary] Add script for vue.

Note: include script for ag-grid-vue.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>

[Necessary] Add script for ag-grid-community.

Note: include script for ag-grid-vue.

<script src="https://unpkg.com/ag-grid-community@20.2.0/dist/ag-grid-community.min.noStyle.js"></script>
<link rel="stylesheet" href="https://unpkg.com/ag-grid-community@20.2.0/dist/styles/ag-grid.css">
<link rel="stylesheet" href="https://unpkg.com/ag-grid-community@20.2.0/dist/styles/ag-theme-balham.css">

[Necessary] Add script for vue-class-component.

Note: include script for ag-grid-vue.

<script src="https://cdn.jsdelivr.net/npm/vue-class-component/dist/vue-class-component.js"></script>

[Necessary] Add script for vue-property-decorator.

Note: include script for ag-grid-vue.

<script src="https://cdn.jsdelivr.net/npm/vue-property-decorator/lib/vue-property-decorator.umd.min.js"></script>

[Necessary] Add script for ag-grid-vue.

Note: include script for w-aggrid-vue.

<script src="https://cdn.jsdelivr.net/npm/ag-grid-vue/dist/ag-grid-vue.umd.js"></script>

[Necessary] Add script for w-aggrid-vue.

<script src="https://cdn.jsdelivr.net/npm/w-aggrid-vue@1.0.0/dist/w-aggrid-vue.umd.js"></script>