element ui表格排序,element table合并列

　　最近，我们需要提出一个要求。我们需要对元素表Table组件的多字段(多列)进行排序。本文将详细介绍方法，有兴趣的可以看看。

目录

　　要求：遇到的问题：解决方案：

需求：

　　按多列对表进行排序，单击日期排序，然后单击名称排序，并将两个排序字段传递给后端排序。

遇到的问题：

　　元素表组件只支持单列排序，当你点击另一列排序时，之前的排序会自动取消。我在网上搜了一下，这篇文章提出用：header-cell-class-name和@sort-change来处理多栏排序的样式问题。我试了很久，发现取消排序时这个sort-change事件会返回null，这让我根本无法定位是哪一列取消了排序。总之，element-table事件解决不了问题。

解决：

　　通过自定义标题，将两个小图标直接粘贴到标题中。然后每个绑定点击排序事件。这样，我们不仅可以获得排序状态(升序、降序、无排序)，还可以获得排序后的列名。在这里，读者要明白，具体代码在内网，不容易粘贴出来。不懂请评论，我会尽力解答~

　　关于元素表表格组件的多字段(多列)排序方法的文章到此为止。有关元素表多字段排序的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。