Vue+Element自定義縱向表格表頭

代碼如下：

<table style="width: 100%" class="myTable">
    <tr v-for="(item,i) in statDatas" :key="i">
        <td class="column">{{ item.key }}</td>
        <td class="column">{{ item.value }}</td>
    </tr>
</table>

綁定的是 statDatas 屬性是一個 json數組，由key value組成的json，如果需要多列就直接增加屬性就可以。

優美樣式：

.myTable {
  border-collapse: collapse;
  margin: 0 auto;
  text-align: center;
}

.myTable td,
.myTable th {
  border: 1px solid #cad9ea;
  color: #666;
  height: 60px;
}