antdesignvuetable排序
背景：官⽅和⽹上的例⼦都很简单，实际项⽬开发中⽐较的⼀般都是对象数组，且属性值不⼀定全为数值，有可能为字符串,⽐如某个数据没有值，默认显⽰字符串："--"
需求：降序或者升序⽆数值的在最后⾯显⽰
开发步骤：
(1)HTML：<a-table @change='compare'  :columns='columns'>
(2)methods:
compare(pagination, filters, sorter, { currentDataSource }) {
},
antdesignvuetable动态表头
(3)data:
order:"",
columns :[
{
title: "序号",
dataIndex: "id",
key: "id",
},
{
title: "站点信息",
dataIndex: "station",
key: "station",
},
{
dataIndex: "",
slots: { title: "current_data_type_name" }, //标题，current_data_type_name为变量
scopedSlots: { customRender: "name" }, //⽤于每⾏数据显⽰
sorter: (a, b) => {
let an = isNaN(parseFloat(a[this.current_data_type])) ? (der === 'descend' ? -99999999: 9999999): a[this.current_data_type]
let bn = isNaN(parseFloat(b[this.current_data_type])) ? (der === 'descend' ? -99999999: 9999999): b[this.current_data_type]
return an - bn
},
},
];
//this.current_data_type标识对象的key

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。