Skip to content

Commit 17d61df

Browse files
authored
Committed the example project
0 parents  commit 17d61df

18 files changed

+12294
-0
lines changed

README.md

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# How to Work with Filtering Options in Vue Grid
2+
3+
A quick start project that helps you to enable a filter bar in the Vue Grid and filter grid records using the built-in operators. You can check to apply the different filter types in the Vue grid – Menu, CheckBox, Excel. Also a DropDownList component is added to the filter bar to perform filtering in Vue Grid.
4+
5+
Documentation: https://ej2.syncfusion.com/vue/documentation/grid/filtering/
6+
7+
Online Example: https://ej2.syncfusion.com/demos/#/material/grid/filter.html
8+
9+
## Project pre-requisites
10+
11+
Make sure that you have the compatible versions of Node and Vue-Cli in your machine before starting to work on this project.
12+
13+
## How to run this application?
14+
15+
To run this application, you need to first clone the `how-to-work-with-filtering-options-in-vue-grid` repository and then navigate to its appropriate path where it has been located in your system.
16+
17+
To do so, open the command prompt and run the below commands one after the other.
18+
19+
```
20+
git clone https://github.com/SyncfusionExamples/how-to-work-with-filtering-options-in-vue-grid grid-example
21+
cd grid-example
22+
```
23+
24+
## Installing
25+
26+
Once done with downloading, next you need to install the necessary packages required to run this application locally. The `npm install` command will install all the needed Vue packages into your current project and to do so, run the below command.
27+
28+
```
29+
npm install
30+
```
31+
32+
## Running on development server
33+
34+
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.
35+
36+
## Further help
37+
38+
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

+5
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

+1
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

+1
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

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/js/app.fc0758c2.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

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

+8
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

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)