使用 PrimeReact DataTable 的 Filter 属性答案

【问题标题】：Using Filter property of PrimeReact DataTable使用 PrimeReact DataTable 的 Filter 属性
【发布时间】：2020-10-01 08:01:59
【问题描述】：

实现的DataTable的其中一列有点像这样

{ field: 'FieldValuesAsText#XYZ', header: 'XYZ', width: '150px', sort: true, filterElement: 'No' }

<Column key={col.field} 
        field={col.field} 
        header={col.header}
        body={this.trimContent}
        filter={true}
        filterMatchMode="contains"
        sortable={col.sort}/>

FieldValuesAsText 是一个以 XYZ 作为其属性之一的对象。 body 属性中使用的自定义函数成功检索了该值，但问题是当我尝试执行过滤操作时。由于 filter 默认为字段，在这种情况下为 FieldValuesAsText#XYZ，所以它显然会返回 undefined。我怎样才能让我的过滤器正常工作？

【问题讨论】：

我的回答对你有帮助吗？

标签： reactjs primereact

【解决方案1】：

您需要实现自定义过滤器功能。这是我用来过滤数据表中类似列的自定义函数。

filterMatchMode="custom" filterFunction={customFunction}


export const customFunction = (value, filter) => {
  return value.toUpperCase().indexOf(filter.toUpperCase()) >= 0
}

【讨论】：