系列文章目录

vue使用elementui动态生成不固定列的table表格

前言

本文记录有后台返回的数据自由生成表格，有几项返回值就生成几列
提示：因为每行的列数字段一样，所以取数组任意一列的key值作为prop绑定的值即可

提示：以下是本篇文章正文内容，下面案例可供参考

使用代码示例

代码如下（示例）：

        <el-table
            :data="tableRCData"
            :header-cell-style="{ 'font-size': '16px', color: '#1192ac' }"
            :cell-style="{ height: '44px', padding: '0px' }"
            style="width: 100%"
            max-height="550"
            border
            small
          >
            <div v-for="(item, key) in tableRCData[0]" :key="item.id">
              <el-table-column :label="key" :prop="key" width="180">
              </el-table-column>
            </div>
          </el-table>