El table table - sortable sorting & disordered sorting when decimal and% appear

el-table form ——sortable Sort & Decimal number appears 、% When sorting out

The front end implements sorting

Just add a sortable Attribute is enough

<el-table-column prop="bookCount" label=" Total books " align="center" :show-overflow-tooltip="true" sortable ></el-table-column>

problem 1、 When decimals appear in the data , Result in disordered sorting

solve ：

<el-table-column prop="intoRate" label=" Timely mobilization rate " align="center" :sort-method="(a,b)=>{return a.intoRate - b.intoRate}" :show-overflow-tooltip="true" sortable ></el-table-column>

problem 2、 When data needs to be used % To display , The directly returned data contains % Result in disordered sorting , You need to return the normal number , Splice here %

solve

<el-table-column prop="intoRate" label=" Timely mobilization rate " 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>