vue项目多表格展示小技巧（tableAny）

Vue多表格展示及导出

1.设计背景：在有限的容器内展示以多表格形式展示数据，不能使用单一表格绘制添加滚动轴
2.期望效果
3.需求分析：
1.在有限的容器内使用table组件但，但渲染成本回大大增加，table:表头+数据；
2.替代方案，前端仿写成表格样式，但采用简单的dom绘制。
对比：方案2更具灵活性，且渲染成本回大大降低。可控制性增加
4.实现思路：
1.表格数据一般由两部分构成，但目前形式下 推荐使用一个list返回，这种方式后台也会很喜欢
list{“xx”:xx,…}.
2.数据解构，分离出数据

            /**
            *  @params 
            *   tep: 定义数据长度
            *   info:数据格式重组[{NAME,VALUE}]
            *   cols:设置每行可显示的数据个数
            *   nums:使用tep/cols 后得到最大行数
            *   renderCell渲染表格行   
            */
            getInfo(data1,data2){
   
                if(data1){
   
                    let info1=[];
                    let tep1=Object.keys(data1);
                    for (let i=0;i<tep1.length;i++)