el-table如何动态增加列

最新推荐文章于 2024-04-07 18:12:59 发布

古田兔子

最新推荐文章于 2024-04-07 18:12:59 发布

阅读量990

点赞数 1

分类专栏：前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Mr_TianSDQ/article/details/134553098

版权

前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

el-table如何动态添加列：

1. 将数据从列表中抛出来直接放到对象中：

        data.forEach(el => {
          el.shipList.forEach(item => {
            el[item.FieldTag] = item.DateTimeValue;
          });
        });

2. 网页：

planFormList是列表内容，循环出来当做表头。


       <el-table-column
          v-for="item in planFormList"
          :prop="item.FieldTag"
          :label="item.FieldName"
          :key="item.FieldTag"
        >
          <template v-slot="{ row }">
            <el-date-picker
              v-model="row[item.FieldTag]"
              v-if="editCan"
              type="date"
              placeholder=""
              size="small"
            />
            <span v-else>{{ row[item.FieldTag] }}</span>
          </template>
        </el-table-column>