vxe-table 按照大小写字母数字排序
时间: 2023-08-02 17:08:14 浏览: 147
基于 vxe-table 表格的适配插件,用于兼容 ant-design-vue 组件库
你可以使用vxe-table的排序功能来按照大小写字母数字排序。首先,在表格中添加sortable属性,然后在表头中为要排序的列添加sorter属性。如果你想按照升序排序,可以在sorter属性中设置order属性为'asc',如果你想按照降序排序,可以将order属性设置为'desc'。例如:
```html
<vxe-table :data="tableData" sortable>
<vxe-table-column field="name" title="姓名" sorter :default-sort="{ order: 'asc' }"></vxe-table-column>
<vxe-table-column field="age" title="年龄" sorter></vxe-table-column>
<vxe-table-column field="gender" title="性别"></vxe-table-column>
</vxe-table>
```
在这个例子中,我们为“姓名”列和“年龄”列添加了sorter属性来启用排序功能,并为“姓名”列设置了默认排序顺序为升序。
阅读全文