grid 制作表格

使用grid制作一个简单表格

思考的问题

1.如何实现行列根据数据动态变化【先行后列】
2.如何实现标题行

开始实现

初始数据
                data:[{name:'张三',age:'24',height:'1.78'},{name:'李四',age:'20',height:'1.78'},{name:'王五',age:'21',height:'1.74'}],
                label:['姓名','年龄','身高']
  -----------------------------------------------------------------------------------------------------
    <div>
        <div class="lable-content">
            <div v-for="label in label" :key="label" ><!--用于渲染标题行 v-for都需绑定key值-->
              <input class="input_box" :value="label" disabled="true"/>
            </div>
        </div>
        <div class="table-content">