treetable 完成

components/page/treeGrid/columnSolt.js

 export default {
     name: 'ColumnSlot',
     functional: true,
+    inject: ['slots'],
     props: {
         row: Object,
         index: Number,
@@ -10,7 +11,7 @@ export default {
         }
     },
     render: (h, ctx) => {
-        return h('div', ctx.injections.$scopedSlots[ctx.props.column.slot]({
+        return h('span', ctx.injections.slots()[ctx.props.column.slot]({
             row: ctx.props.row,
             column: ctx.props.column,
             index: ctx.props.index

pages/test/example/tree/index.vue

 <template>
   <div class="tree">
     <TreeGrid :columns="columns" :items="treeData">
-        <template slot-scope="row" slot="action">
-            <strong>{{ row.id }}</strong>
+        <template slot-scope="{row,column,index}" slot="name">
+           <Icon type="md-folder" /> {{row.name}}
+        </template>
+        <template slot-scope="{row,column,index}" slot="action">
+            <strong>{{row.action}}</strong>
         </template>
     </TreeGrid>
     <!-- <Input v-model="data" type="textarea" rows="20" placeholder=""></Input> -->
@@ -16,20 +19,28 @@ export default {
   data() {
     return {
       columns: [
+         {
+          type: "selection",
+          width:50,
+          align:"center"
+        },
         {
           key: "name",
           title: "名称",
+           tree:true,
+             slot:"name"
         },
         {
           key: "status",
           title: "状态",
-          width: "100",
+          width: "100"
         },
         {
           key: "action",
           title: "操作",
           width: "100",
-          solt:"action"
+          sortable:true,
+          slot:"action"
         },
       ],
       treeData1: [],
@@ -56,6 +67,7 @@ export default {
   },
   mounted() {
     // this.init();
+  
   },
   methods: {
     init() {