一、table 筛选功能 修改icon
首先需要在定义的 columns 中 设置 filterIcon 属性。
computed: {
columns() {
let { sortedInfo, filteredInfo } = this;
console.log(sortedInfo, filteredInfo)
sortedInfo = sortedInfo || {};
filteredInfo = filteredInfo || {};
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
filters: [
{
text: 'A',
value: 'A',
},
{
text: 'B',
value: 'B',
},
{
text: 'C',
value: 'C',
},
{
text: 'D',
value: 'D',
},
{
text: 'E',
value: 'E',
},
],
filteredValue: filteredInfo.name || null,
onFilter: (value, record) => record.name.includes(value),
// sorter: (a, b) => a.name.length - b.name.length,
sortOrder: sortedInfo.columnKey === 'name' && sortedInfo.order,
ellipsis: true,
filterIcon: this.expandIcon
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
// sorter: (a, b) => a.age - b.age,
sortOrder: sortedInfo.columnKey === 'age' && sortedInfo.order,
},