add readme

Author: LucienLee

README.md

@@ -1,21 +1,28 @@
-# vue-data-grid
+# Vue Data Grid
 
-> A Vue.js project
+> An example that complex table interaction in Vue.js, which rebounding the design by [Virgil Pana](https://dribbble.com/shots/1903644-Data-Grid)
 
 ## Build Setup
 
 ``` bash
 # install dependencies
-npm install
+yarn
 
 # serve with hot reload at localhost:8080
-npm run dev
+yarn run dev
 
 # build for production with minification
-npm run build
+yarn run build
 
 # build for production and view the bundle analyzer report
-npm run build --report
+yarn run build --report
 ```
 
-For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
+## Feature
+
+- Load data from [json](https://github.com/LucienLee/vue-data-grid/blob/master/src/data.json) and export table [setting](https://github.com/LucienLee/vue-data-grid/blob/master/src/tableSettings.js) for configure easily. ([Data Source](https://docs.google.com/spreadsheets/d/1PFbZIAipjNIG90BXIzpFwRu7omXYMhh3e1-tldrAv-I/edit?usp=sharing))
+- Group data by month and year automatically
+- Long contents in cells are trimmed automatically, which are expandable by clicking the columns
+- Cells have more menus or details, such as adding google map query links automatically
+- Sort data by ascending or descending and filter data by range (filter is under constructing)
+- Select columns to show by opening context menu with right click on header