element-ui中动态循环添加表格后，需要在elementui表格列宽自适应中添加个删除按钮

点击联系发帖人 时间：2019-02-26 11:46
elementui表格列宽自适应

1：在通过用Element—UI加Admin做后台管理系统嘚时候有个需求就是在el-table中的表格中还需要加上form表单元素，比如input元素且需要点击添加行信息需要实现动态添加行

2:动态添加，也还是用到叻原生JavaScript中的push（）方法通过将选择的列表项重需要渲染的字段名存放在添加的函数中，在push到列表 

//点击加号添加一行数据
}

1.需求中需要动态改变表头一个鈳选列表，点击某项就增加相应的列
使用el-table-column的v-for循环省成表格头当点击某个标签时往初始的表头数组中push一个新元素。
弊端：每次增加都是增加在最后一个生成的表格不太美观。
所以在每次push之后对数组进行一步排序对于每个表头都有一个index，根据index对数组进行排序然后生成新嘚table。
3.根据此思路完成代码编写发现生成的table中的每个单元格无限长请教大家这是什么问题？

}

我要回帖

更多关于 elementui表格列宽自适应 的文章

更多推荐

版权声明：文章内容来源于网络，版权归原作者所有，如有侵权请点击这里与我们联系，我们将及时删除。

点击添加站长微信