element el-table的嵌套多级表头顺序问题
最近项目里需要使用element的表格, 而且数据比较复杂, 多级表头, 数据都是后端动态来的, 包括表头的数据和表体的数据.前端只能通过遍历数据生成表格数据. 然后遇到一个问题: 动态生成的数据, 嵌套的列并没有按照预期的顺序排列, 查了些许资料, 有说是因为el-table-column的key的原因,这种情况, 可以解决普通表头的排序.嵌套的多级表头不起作用.
实际原因是因为在自己封装的column组件里面, 除了使用el-table-column标签之外, 我还使用了div标签,这就导致了顺序没有按照预期的排列.因为在el-table-column标签里, 除了自定义的template内部之外, 只能识别el-table-column标签, 所以在封装表格的列组件的时候, 组件的最外层也不需要div标签. 加了div, 就使得顺序不对.在此记录一下