Distinct Table

How can I setup my table to only show the first occurrence of a record, e.g. distinct value?

<Table.Column dataIndex="Client" title="Client" 
                filterDropdown={({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
                    <div style={{ padding: 8 }}>
                    <Input
                        placeholder={`Search Client`}
                        value={selectedKeys[0]}
                        onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}
                        onPressEnter={() => confirm()}
                        style={{ width: 188, marginBottom: 8, display: 'block' }}/>
                    <Button
                        type="primary"
                        onClick={() => confirm()}
                        size="small"
                        style={{ width: 90, marginRight: 8 }}
                    >
                        Search
                    </Button>
                    <Button onClick={() => clearFilters()} size="small" style={{ width: 90 }}>Reset</Button>
                    </div>
                )}
              />

<Table.Column dataIndex="Client" title="Client" 
                filterDropdown={({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
                    <div style={{ padding: 8 }}>
                    <Input
                        placeholder={`Search Client`}
                        value={selectedKeys[0]}
                        onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}
                        onPressEnter={() => confirm()}
                        style={{ width: 188, marginBottom: 8, display: 'block' }}/>
                    <Button
                        type="primary"
                        onClick={() => confirm()}
                        size="small"
                        style={{ width: 90, marginRight: 8 }}
                    >
                        Search
                    </Button>
                    <Button onClick={() => clearFilters()} size="small" style={{ width: 90 }}>Reset</Button>
                    </div>
                )}
              />

2 Replies

kapa.ai•6mo ago

Hi @G. 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. The extracts provided do not specifically address setting up a table to show only the first occurrence of a record or implementing distinct value functionality directly within the table component using Refine and Ant Design. For more detailed guidance on how to work with tables, including filtering, sorting, and possibly customizing the table to achieve distinct record display, you might want to explore the official Refine documentation and resources: - For general table usage and customization with Refine: Refine Table Documentation (https://refine.dev/docs/ui-integrations/ant-design/hooks/use-table/) - For handling client-side filtering which might be adapted for your needs: Client-Side Filtering (https://refine.dev/docs/ui-integrations/ant-design/hooks/use-table#how-can-i-handle-client-side-filtering) These resources could provide a starting point for understanding how Refine manages table data and might offer insights into implementing more specific functionalities like displaying distinct values. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•6mo ago

<@140656141196722176> kapa.ai is still learning and improving, please let us know how it did by reacting below