el-table表格——sortable排序 & 出现小数、%时排序错乱
前端实现排序
只需要在表头上加上一个sortable属性即可
<el-table-column
prop="bookCount"
label="图书总量"
align="center"
:show-overflow-tooltip="true"
sortable
></el-table-column>
问题1、当数据中出现小数,导致排序错乱
解决:
<el-table-column
prop="intoRate"
label="进场及时率"
align="center"
:sort-method="(a,b)=>{return a.intoRate - b.intoRate}"
:show-overflow-tooltip="true"
sortable
></el-table-column>
问题2、当数据需要使用%来显示,直接返回的数据含有%导致排序错乱,需要返回正常数字,在这里进行拼接%
解决
<el-table-column
prop="intoRate"
label="进场及时率"
align="center"
:sort-method="(a,b)=>{return a.intoRate - b.intoRate}"
:show-overflow-tooltip="true"
sortable>
<template slot-scope="scope">
{{ scope.row.intoRate }}%
</template>
</el-table-column>