Element-ui table排序指定列不参与排序
时间: 2024-01-04 15:02:47 浏览: 180
Element-UI Table组件上添加列拖拽效果实现方法
要实现指定列不参与排序,可以在 Element UI 的表格组件中使用 `sort-method` 属性,并在排序方法中判断当前排序的列是否为指定列,如果是,则直接返回不排序的结果。例如,假设要指定第一列不参与排序,可以这样写:
```
<el-table :data="tableData" :columns="tableColumns" :sort-method="sortMethod"></el-table>
```
```
methods: {
sortMethod(a, b, prop) {
// 判断是否为第一列
if (prop === 'column1') {
return 0; // 返回不排序的结果
}
// 其他列按默认排序方法排序
return a[prop].localeCompare(b[prop], 'zh-Hans-CN');
}
}
```
在上面的代码中,`sort-method` 属性绑定了一个名为 `sortMethod` 的方法,该方法接收三个参数:要排序的两条数据 `a` 和 `b`,以及当前排序的列 `prop`。在方法中,首先判断当前排序的列是否为指定列,如果是,则直接返回不排序的结果。如果不是,则按照默认的排序方法排序,这里使用了 `localeCompare` 方法对中文进行排序。
阅读全文