在elementui中id怎么正序排列
时间: 2023-09-08 09:12:09 浏览: 73
Element UI中的表格组件默认支持按照表格列中的数据进行排序,而不是按照行的ID排序。如果您想按照ID进行排序,可以在表格列上设置sortable属性为true,并使用custom-sort自定义排序函数。具体操作如下:
1.在表格列(el-table-column)中设置prop属性为ID,sortable属性为true。
```
<el-table-column prop="ID" label="ID" sortable></el-table-column>
```
2.在表格(el-table)中设置custom-sort属性为一个排序函数,该函数根据ID进行排序。
```
<el-table :data="tableData" :custom-sort="sortByID">
<el-table-column prop="ID" label="ID" sortable></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
3.编写sortByID排序函数,根据ID进行排序。
```
sortByID(a, b) {
return a.ID - b.ID;
}
```
这样,表格就会按照ID正序排列。
阅读全文