Skip to content
This repository was archived by the owner on Jul 30, 2025. It is now read-only.

Commit 9f491e7

Browse files
abooarulrajabooarulraj
authored
Committed the project.
0 parents  commit 9f491e7

17 files changed

+393
-0
lines changed

‎README.md‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# Different Editing modes and Cell Edit Types in Vue Grid
2+
3+
A quick start project that helps you to enable grouping in the Vue Grid and apply grouping on initial loading. This project contains code snippet to work with built-in and custom aggregates in the Grid, along with group and caption aggregates.
4+
5+
Documentation:
6+
Grouping: https://ej2.syncfusion.com/vue/documentation/grid/grouping/
7+
Aggregates: https://ej2.syncfusion.com/vue/documentation/grid/aggregates/
8+
9+
Online Examples:
10+
Grouping: https://ej2.syncfusion.com/demos/#/material/grid/grouping.html
11+
Aggregates: https://ej2.syncfusion.com/demos/#/material/grid/aggregate-default.html
12+
13+
## Project pre-requisites
14+
15+
Make sure that you have the compatible versions of Node and Vue-Cli in your machine before starting to work on this project.
16+
17+
## How to run this application?
18+
19+
To run this application, you need to first clone the `deep-dive-into-grouping-and-aggregates-in-the-vue-grid` repository and then navigate to its appropriate path where it has been located in your system.
20+
21+
To do so, open the command prompt and run the below commands one after the other.
22+
23+
```
24+
git clone https://github.com/SyncfusionExamples/deep-dive-into-grouping-and-aggregates-in-the-vue-grid grid-example
25+
cd grid-example
26+
```
27+
28+
## Installation
29+
30+
Once done with downloading, you need to install the packages required to run this application locally. To do so, run the following command:
31+
32+
```
33+
npm install
34+
```
35+
36+
## Running on development server
37+
38+
Run `npm run serve` command for a dev server. Navigate to `http://localhost:8080/`. The app will automatically reload if you change any of the source files.
39+
40+
## Further help
41+
42+
To get more help on the vue CLI use go check out the [Vue-Cli README](https://github.com/vuejs/vue-cli/blob/master/README.md).

‎babel.config.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

‎dist/css/app.41f54dae.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import url(https://cdn.syncfusion.com/ej2/material.css);

‎dist/favicon.ico‎

4.19 KB
Binary file not shown.

‎dist/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>vue-grid</title><link href=/css/app.41f54dae.css rel=preload as=style><link href=/js/app.fc0758c2.js rel=preload as=script><link href=/js/chunk-vendors.0e95ec2d.js rel=preload as=script><link href=/css/app.41f54dae.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-grid doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.0e95ec2d.js></script><script src=/js/app.fc0758c2.js></script></body></html>

‎dist/js/app.fc0758c2.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/app.fc0758c2.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/chunk-vendors.0e95ec2d.js‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/js/chunk-vendors.0e95ec2d.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
{
2+
"name": "vue-grid",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve",
7+
"build": "vue-cli-service build",
8+
"lint": "vue-cli-service lint"
9+
},
10+
"dependencies": {
11+
"@syncfusion/ej2-vue-dropdowns": "^17.4.39",
12+
"@syncfusion/ej2-vue-grids": "^17.3.28",
13+
"@syncfusion/ej2-vue-inputs": "^17.3.28",
14+
"core-js": "^3.3.2",
15+
"serve": "^11.2.0",
16+
"vue": "^2.6.10"
17+
},
18+
"devDependencies": {
19+
"@vue/cli-plugin-babel": "^4.0.0",
20+
"@vue/cli-plugin-eslint": "^4.0.0",
21+
"@vue/cli-service": "^4.0.0",
22+
"babel-eslint": "^10.0.3",
23+
"eslint": "^5.16.0",
24+
"eslint-plugin-vue": "^5.0.0",
25+
"vue-template-compiler": "^2.6.10"
26+
},
27+
"eslintConfig": {
28+
"root": true,
29+
"env": {
30+
"node": true
31+
},
32+
"extends": [
33+
"plugin:vue/essential",
34+
"eslint:recommended"
35+
],
36+
"rules": {},
37+
"parserOptions": {
38+
"parser": "babel-eslint"
39+
}
40+
},
41+
"postcss": {
42+
"plugins": {
43+
"autoprefixer": {}
44+
}
45+
},
46+
"browserslist": [
47+
"> 1%",
48+
"last 2 versions"
49+
]
50+
}

0 commit comments

Comments
 (0)