element-ui 动态表头渲染表格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui 动态表头渲染表格相关的知识,希望对你有一定的参考价值。

参考技术A 在ElementUI官方文档中,描述的动态渲染只是单纯的将已知字段名称的JSON数据通过prop属性填充到页面中,下为官方文档内容

其中,表格的key值都是固定的。但是针对key值不固定的json数据的渲染,官方文档并未给出明确信息。最近在写项目的时候涉及到的一项需求就是把后台请求到的json数据渲染到页面,但key值并不固定,导致不能按照官方文档提出的方式进行直接渲染。

下面实例为如何根据数据数据schema来动态创建表格,其中header和data_list的数据可以通过后台获取,进而实现表格的动态创建

以上是关于element-ui 动态表头渲染表格的主要内容,如果未能解决你的问题,请参考以下文章

vue element-ui动态渲染多级table表头

vue element-ui动态生成table表头和数据

封装element中的table表格,实现可控并动态渲染(动态表头)

vue中 表头 th 合并单元格,且表格列数不定的动态渲染方法

vxe-table动态渲染表格表头和列表等,视图不更新,视图错乱问题

vue中 表头th 合并单元格,且表格列数不定的动态渲染方法