优化表格健壮性

src/packages/hs-table/src/child.vue

@@ -101,12 +101,15 @@
               :min-width="columnItem.width||80"
               :sortable="columnItem.isSort?'custom':false"
             >
-                <template v-slot:header>
-                    <span v-if="columnItem.isRequired"  :class="{'is-isRequired': columnItem.isRequired}">
-                      *
-                    </span>
-                    <span>{{ columnItem.label }}</span>
-                </template>
+              <template v-slot:header>
+                <span
+                  v-if="columnItem.isRequired"
+                  :class="{'is-isRequired': columnItem.isRequired}"
+                >
+                  *
+                </span>
+                <span>{{ columnItem.label }}</span>
+              </template>
               <template slot-scope="scope">
                 <i
                   v-if="columnItem.type==='checkBox'"
@@ -236,12 +239,15 @@
               :min-width="column.width||80"
               :sortable="column.isSort"
             >
-               <template v-slot:header>
-                    <span v-if="column.isRequired"  :class="{'is-isRequired': column.isRequired}">
-                      *
-                    </span>
-                    <span>{{ column.label }}</span>
-                </template>
+              <template v-slot:header>
+                <span
+                  v-if="column.isRequired"
+                  :class="{'is-isRequired': column.isRequired}"
+                >
+                  *
+                </span>
+                <span>{{ column.label }}</span>
+              </template>
               <template slot-scope="scope">
                 <i
                   v-if="column.type==='checkBox'"
@@ -396,7 +402,7 @@ export default {
     },
     // 第一行数据
     firstRow() {
-      return (this.data.length && this.data[0]) || {}
+      return (this.data && this.data.length && this.data[0]) || {}
     },
     // 表格真实显示数据
     tableData() {
@@ -1083,7 +1089,7 @@ export default {
 td {
   height: 35px !important;
 }
-.is-isRequired{
+.is-isRequired {
   color: red;
 }
 </style>