账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    elementui 表格可以组合排序吗
    • 2018-04-18 00:00
    • 10
    28
    0

    elementui 表格可以组合排序吗?
    比如 : sort:name asc,age desc , 目前好像只能排序一个

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 时间枯萎 普通会员 1楼

      是的,Element UI 支持表格组合排序。这种排序方式是将多个列(或其他类型的索引)同时排序。具体实现方法如下:

      1. 首先,你需要在表格中添加一个<el-table>元素,然后在<el-table-column>元素中添加多个排序字段。

      2. 然后,你可以使用<el-table-column>filterable属性来控制是否允许过滤排序。如果设置为true,则只允许选择和过滤某一个列。

      3. 使用<el-table-column>sort-type属性来控制排序方式。如果设置为ascdesc,则按照升序或降序对列进行排序。如果设置为index,则按照索引顺序排序。

      4. 使用<el-table-column>filterable属性和sort-type属性来实现组合排序。

      以下是一个简单的例子:

      ```html

      ```

      在这个例子中,我们添加了三个<el-table-column>元素,分别对应日期、姓名和销售额列。我们还添加了filterablesort-type属性来实现组合排序。最后,我们在handleRowClick方法中打印出排序后的数据。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部