sacred-roseS
Refine12mo ago
14 replies
sacred-rose

How to setFilters with custom parameters with Antd useTable?

I am using Antd useTable hook. How can I use setFilters?

  const { tableProps, tableQuery: { refetch }, filters, setFilters } = useTable<Accounting>({
    syncWithLocation: true,
    dataProviderName: DATA_PROVIDER_NAME.RQ,
    resource: 'crm/business/accounting',
    queryOptions: {
      meta: {
        queryParams: {
          _startDate: '2021-01-01',
          _endDate: '2021-12-31',
        }
      }
    }
  });

  const onRangeChange = (dates: [dayjs.Dayjs, dayjs.Dayjs]) => {
    setFilters({
      ...filters,
      _startDate: dates[0].format('YYYY-MM-DD'),
      _endDate: dates[1].format('YYYY-MM-DD'),
    });
    refetch();
  }
Was this page helpful?