'ignore'

src/App.vue

@@ -26,22 +26,37 @@ export default {
           "邮编",
           "国家",
           "电话",
-          "传真"
+          "传真",
+          "区域",
+          "城市"
         ],
-        header: ["中国"],
+        header: ["test"],
         info: [
           {
             客户编号: "HUNGC",
             公司名称: "五金机械",
-            联系人: "苏先生",
+            联系人: "郑先生",
             称谓: "销售代表",
             地址: "德昌路甲",
             邮编: "564576",
             国家: "中国",
             电话: "(053)5556874",
             传真: "(053)5552376",
-            state: "东北",
-            city: "大连"
+            区域: "东北",
+            城市: "大连"
+          },
+          {
+            客户编号: "HUNGC",
+            公司名称: "五金机械",
+            联系人: "郑先生",
+            称谓: "销售代表",
+            地址: "德昌路甲",
+            邮编: "564576",
+            国家: "中国",
+            电话: "(053)5556874",
+            传真: "(053)5552376",
+            区域: "东北",
+            城市: "福州"
           },
           {
             客户编号: "HUNGC",
@@ -49,12 +64,25 @@ export default {
             联系人: "苏先生",
             称谓: "销售代表",
             地址: "德昌路甲",
-            邮编: "564576",
-            国家: "中国",
-            电话: "(053)5556874",
-            传真: "(053)5552376",
-            state: "华北",
-            city: "北京"
+            邮编: "564577",
+            国家: "德国",
+            电话: "(053)5556875",
+            传真: "(053)5552377",
+            区域: "华北",
+            城市: "北京"
+          },
+          {
+            客户编号: "CENTC",
+            公司名称: "三捷实业",
+            联系人: "陈先生",
+            称谓: "市场经理",
+            地址: "英雄山路",
+            邮编: "130083",
+            国家: "美国",
+            电话: "(061)15553392",
+            传真: "(061)15557292",
+            区域: "华北",
+            城市: "秦皇岛"
           },
           {
             客户编号: "CENTC",
@@ -62,25 +90,12 @@ export default {
             联系人: "王先生",
             称谓: "市场经理",
             地址: "英雄山路",
-            邮编: "130083",
-            国家: "中国",
-            电话: "(061)15553392",
-            传真: "(061)15557292",
-            state: "华北",
-            city: "秦皇岛"
-          },
-          {
-            客户编号: "CENTC",
-            公司名称: "三捷实业",
-            联系人: "王先生",
-            称谓: "市场经理",
-            地址: "英雄山路",
-            邮编: "130083",
-            国家: "中国",
-            电话: "(061)15553392",
-            传真: "(061)15557292",
-            state: "华北",
-            city: "秦皇岛"
+            邮编: "130084",
+            国家: "英国",
+            电话: "(061)15553393",
+            传真: "(061)15557293",
+            区域: "华北",
+            城市: "秦皇岛"
           }
         ]
       }

src/components/TableTree.vue

@@ -16,7 +16,8 @@ export default {
   props: { data: Object },
   data: function() {
     return {
-      open: false
+      open: true
+
     };
   },
   methods: {
@@ -33,15 +34,17 @@ export default {
   }
 };
 </script>
-<style>
-ul {
-  padding-left: 0px;
+<style >
+
+li{
+  list-style-type: none
 }
-td {
-  width: 10%;
+td{
+  width:9%
 }
+
 table {
-  width: 60%;
+  width: 80%;
 }
 </style>