I want the special string '--' always at the bottom regardless of the direction ascending or descending. The sorted results I expect are: Ascend: ['1.1', '1.2', '1.3', '--', '--'] Descend: ['1.3', '1.2', '1.1', '--', '--'] import "antd/dist/antd.css"; import { Table…
I have a problem with the onDragEnter/onDragLeave events in react on an antd table. For information, I use antd and react 18. /** * * @param e */ function handleDragEnter(e: DragEvent<HTMLDivElement>) { console.log('e:', e) e.preventDefault() e.stopPropagation() setDragged(true) } /** *…
These white lines i need to increase its width i tried multiple things but nothing worked using <Pie {...props} />; with Config = { height: 246.01, width: 150, data: data angleField: 'value', colorField: 'type', color: colorArry, style: { fill: 'red',…
I am using antd date picker in my react application. I want to show a custom message while hovering or clicking on the dates. but it is not working as expected, the tooltip is not showing while hovering over the…
I created a form using antd proform with 4 fields. The first field is an input number named interval, the second is a select field with 2 options: "day(s)" and "month(s)", the third and fourth are datepicker fields. For example,…
How can i get multiple rows to work inside Antd Submenu? Only one row works fine, but as soon as i select multiple, ellipsis is not shown at all and text is still in one row. <SubMenu title={ <Typography.Paragraph ellipsis={{…
I use antD select and I provide the options and onSelect but when I am scrolling the options are getting replaced by 1 particular option. The options are an array of objects and its imported from a json file and…
I have an array of values, and i am looping the array to display in Select Option <Form.Item label="Status"> <Select value={user.status} onChange={handleStatusChange} > {status.map((item, index) => ( <Select.Option key={index} value={item.status}> {item.name} </Select.Option> ))} </Select> </Form.Item> I want to "None" to…
How to resolve this "TypeError: date.locale"? I'm making an attempt to address this problem, but despite my efforts, I'm unable to find a solution. API response: { "birthday": "1999-03-09T00:00:00.000Z" } change date format useEffect(() => { if (currentRecord) { const…
I have antd menu with labels and icon. Here is the minimal representation of design. Codesandbox Now what I want is to hide the labels and show only icons when menu is starting to show ellipsis. As I am not…