实现El-table 每行后面加验证
需求场景:表格添加完数据后,点击提交会校验每行数据 然后后面紧跟着提示语 提示语可有可无,根据接口返回的数据里的key去和表格每行的key比较 看是否有提示
原型如下:

调研:之前想过是提示语那块再写个表格 然后不想表格标题 再去掉边框啥的 就差不多了;也想过在此基础上再多加一列 默认不显示 验证的时候出现;也有想过提示语使用定位去做,还的去动态计算表格高度啥的;这三种都比较麻烦;所以选了如下这种
实现原理 直接上代码
<el-table-column label="表格最后一列" align="center" width="300"><template slot-scope="scope"><div style="display: flex"><span>其余描述</span><div style="position: fixed; margin-left: 400px">提示语</div></div></template></el-table-column>