element-ui table sortable某列数据后加上单位后排序不正确

时间:2020-07-03 15:31:44   收藏:0   阅读:173

根据项目需求,在百分比列加了sortable的排序 ,然后就发现在一直不准确

技术图片

 

后来发现是排序把这个值当字符串处理了,在prop上面获取数值进行排序,显示的地方加上%就好了 

    <el-table-column
        :label="$t(‘common_pass_rate‘)"
        prop="pass_rate"
        width="100"
        sortable>
        <template slot-scope="scope">
          {{scope.row.pass_rate}}% 
        </template>
      </el-table-column>

技术图片

 

这样子就能正常显示了

 

 注意:重点在于,加了单位或是符号会把这个当字符串排序,所以排序的时候用数值,显示的地方加上单位或符号就好

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!