ui如何设计主表格详细表格(element-ui自定义可配置化表格)

element-ui是一个非常棒的前端ui框架。之前做了很多大大小小的后管平台，用的技术也是多种多样，最多的还是Vue。

从iView、antd vue 到Element，最终还是选择了Element，原因之一就是iView的table组件貌似有内存溢出的现象（在其官网，浏览table部分会有卡死的现象）。

iView更华丽一点

但习惯了iView的配置式表格，就不喜欢Element那样的写法，于是决定自己封装，提供更多可能。

Element更朴实

在实操的过程中，看到掘金社区中“皮皮鲁”的《升级vue-element-admin，寻找前端中后台更优解》之后，大受启发，遂写代码如下，这里用的的Vue技术点主要有：render函数、函数式编程、插槽……

table主代码

这里有个小技巧，就是setAttrs，批量绑定属性。

render函数

开启函数化，render函数中，将render函数和参数返回。

关注一波，私信【vue-table】获取全部代码。个人承接各种前后端外包，所以，大家不要客气。