adverse-sapphire
adverse-sapphire•5mo ago

Nothing happens when I click on filter

<Table.Column<Template>
            dataIndex="base"
            title="Base"
            defaultFilteredValue={getDefaultFilter('base', filters, 'eq')}
            filterIcon={<FilterFilled />}
            filterMultiple={false}
            filterDropdown={(props) => (
              <FilterDropdown
                {...props}
                mapValue={(selectedKeys) => {
                  return selectedKeys;
                }}
              >
                <Radio.Group>
                  <Radio value={true}>Yes</Radio>
                  <Radio value={false}>No</Radio>
                </Radio.Group>
              </FilterDropdown>
            )}
            render={(value, record) => (
              <BooleanField
                value={record.base}
                trueIcon={<CheckCircleTwoTone twoToneColor="#007965" />}
                falseIcon={<CloseCircleTwoTone twoToneColor="#ad001d" />}
                valueLabelTrue="Yes"
                valueLabelFalse="No"
              />
            )}
          />
<Table.Column<Template>
            dataIndex="base"
            title="Base"
            defaultFilteredValue={getDefaultFilter('base', filters, 'eq')}
            filterIcon={<FilterFilled />}
            filterMultiple={false}
            filterDropdown={(props) => (
              <FilterDropdown
                {...props}
                mapValue={(selectedKeys) => {
                  return selectedKeys;
                }}
              >
                <Radio.Group>
                  <Radio value={true}>Yes</Radio>
                  <Radio value={false}>No</Radio>
                </Radio.Group>
              </FilterDropdown>
            )}
            render={(value, record) => (
              <BooleanField
                value={record.base}
                trueIcon={<CheckCircleTwoTone twoToneColor="#007965" />}
                falseIcon={<CloseCircleTwoTone twoToneColor="#ad001d" />}
                valueLabelTrue="Yes"
                valueLabelFalse="No"
              />
            )}
          />
When I click on the Filter button in the Filter Dropdown, nothing happens, no filter gets applied.
2 Replies
kapa.ai
kapa.ai•5mo ago
Hi @chachi. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Hmm, I don't know enough to give you a confident answer yet. However, you might want to check the documentation on using filters with Ant Design in refine. It could provide some insights into how to properly configure your filter dropdowns and ensure they work as expected. You can find more information here: FilterDropdown Properties (https://refine.dev/docs/ui-integrations/ant-design/components/filter-dropdown/#properties) and Initial Filter and Sorter (https://refine.dev/docs/ui-integrations/ant-design/hooks/use-table/#initial-filter-and-sorter). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai•5mo ago
<@95552725294518272> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Did you find this page helpful?