官网的是这样的。接口数据是已知的：日期，姓名，地址
所以可以直接写label。prop的写死
如果表头数据是动态的不一定的。
我们应该怎么写呢？下面是接口给的表格的数据
可以观察看出来我们如果使用循环。就是循环el-table-column
在这个里面写循环。并且prop和label都变成动态的。那么我们就得知道表头参数名
this.tableData=res.tablebase;//用一个变量接收接口给的数据。
然后把参数也就是表头的内容全部取出来。
this.tableheader=this.tableData.map(res=>{
return Object.keys(res);//取出对应的键名
})
然后知道这两个变量就可以实现循环了。
在这个里面写循环。并且prop和label都变成动态的。那么我们就得知道表头参数名
求：根据数据动态配置表头，动态适配表头数据 如下图，两个表的表头和数据一一对应，都为动态生成； 完成功能思想：1.找出数据中的存在的最长表头，即所有数据都为表头的...
代码： <template> <div class="bg-white px-3" style="margin: -20px;
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMz
代码如下： <template> <div> <el-button @click="change">测试按钮</el-button>
页面展示从接口获取的数据到 table 里面，包括表头和表数据 html代码 <el-table :data="compareList" border size=
步奏： 1、设置两个table，第一个table有thead没有tbody，第二个table有tbody没有table； 2、第二个table需要一个div包住，并设置宽
elementUI的样式我觉得已经非常完美了，不过还是要根据UI来设置表格的头部。 首先在组件标签中这样写，header-cell-style绑定一个变量即可自定义表头
业务逻辑：根据日期，时间筛选跨度固定为3个月，获取数据，表格动态按月份展示，看图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd
约定不等于承诺〃
左手的ㄟ右手
还没有评论，来说两句吧...