我的MUI react的DataGrid实现使用了以下数据：

const percentageComparator: GridComparatorFn<PercentageTendencyProps> = (
  pt1,
  pt2
) => {
  return pt1.percentage - pt2.percentage
}
const columns = [{
        field: 'percentage',
        headerName: '%',
        width: 150,
        valueGetter:(params: GridValueGetterParams) => {
         return params.row.percentage.value + "%" + params.row.percentage.tendency
        }
        sortComparator: percentageComparator,
        filterOperators: getGridNumericOperators(),
      },
       {
        field: 'goal',
        width: 150,
        filterOperators: getGridNumericOperators(),
      },
]
const rows = [
{
  id: 0, percentage: {value: 10, tendency: 'down'}, goal: 10
}, {
id: 1, percentage: {value: 10, tendency: 'down'}, goal: 10
}, {
id: 2, percentage: {value: 10, tendency: 'down'}, goal: 10
}
]

正如你所看到的，排序是可以定制的，我可以使用一个定制的比较器函数，但我还需要定制过滤和访问percentage对象中的value属性。
有什么建议吗？有没有一个函数可以帮助我解决这个问题？