el-table表格的sortable排序的使用以及出现小数、%排序错乱

前端实现排序：

只需要在表头上加上一个sortable属性即可

        <el-table-column
          prop="unusualCount"
          label="异常数据总量"
          align="center"
          :show-overflow-tooltip="true"
          sortable
        />

问题1、当数据中出现小数，导致排序错乱

解决1、

        <el-table-column
          prop="dataRate"
          label="数据及时率"
          align="center"
          :sort-method="(a,b)=>{return a.dataRate - b.dataRate}"
          :show-overflow-tooltip="true"
          sortable
        >
        </el-table-column>

问题2、当数据需要使用%来显示，直接返回的数据含有%导致排序错乱，需要返回正常数字，在这里进行拼接%

解决2、

             <el-table-column
          prop="dataRate"
          label="数据及时率"
          align="center"
          :sort-method="(a,b)=>{return a.dataRate - b.dataRate}"
          :show-overflow-tooltip="true"
          sortable
        >
          <template slot-scope="scope">
            {{ scope.row.dataRate }}%
          </template>
        </el-table-column>