Update README.md

Author: huangshuwei

README.md

@@ -1,5 +1,66 @@
 # vue-easytable
-基于vue的表格插件，支持多表头固定、多列固定
 
-## 注意
-目前还在开发阶段，不适合开发使用！敬请期待...
+
+## 介绍
+基于 vue2 的 组件。[API文档](http://doc.huangsw.com/vue-easytable/app.html)
+
+
+## 主要功能
+1. 自适应，可以随着浏览器窗口改变自动适应
+2. 固定列，表头固定
+3. 列宽拖动（默认支持）
+4. 排序，支持单个、多个字段排序
+5. 自定义列、自定义单元格样式、loading效果等
+6. 自带分页组件
+
+## 安装
+
+```
+npm install vue-easytable --save-dev
+```
+
+## 使用
+
+
+```
+import 'vue-easytable/packages/themes-base/index.css'
+import {VTable,VPagination} from 'vue-easytable'
+
+Vue.component(VTable.name, VTable)
+Vue.component(VPagination.name, VPagination)
+```
+
+```html
+<template>
+    <v-table
+            :width="1100"
+             :columns="tableConfig.columns"
+             :table-data="tableConfig.tableData"
+    ></v-table>
+</template>
+```
+```javascript
+<script>
+
+    export default{
+        data() {
+            return {
+                tableConfig: {
+                    tableData:[
+                              {"name":"tom","gender":"男","job":"the cat"},
+                              {"name":"jerry","gender":"男","job":"the mouse"},
+                              {"name":"张飞","gender":"女","job":"勇而有义，皆万人之敌，而为之将"}
+                              ],
+                    columns: [
+                        {field: 'name', title:'姓名', width: 80, titleAlign: 'center',columnAlign:'center'},
+                        {field: 'gender', title: '性别', width: 80, titleAlign: 'center',columnAlign:'center'},
+                        {field: 'job', title: '职业', titleAlign: 'center',columnAlign:'left'}
+                    ]
+                }
+            }
+        }
+    }
+</script>
+```
+
+