Questions tagged [antd]
The Ant Design is a remarkable framework that caters to diverse queries related to UI design. Renowned as an enterprise-class UI design language, it mesmerizes users with its React-based implementation.
As someone new to web app development, I am currently working on a project that involves using Vue cli and antd components, with the additional challenge of ensuring compatibility with IE11. However, I have encountered an issue where IE11 does not render ...
Is there a way to alter the default placeholder text in the Ant Table? I've set up a functioning example in documentation but couldn't find any prop for customization besides the customized filter dropdown, which I didn't want to implement. Here is the co ...
Incorporating custom localization support into Antd Form by wrapping the <Form.Item> and Input components in a separate TextBox component has been a challenge. However, validation does not seem to work properly when adding the custom component insi ...
I am working on a basic form that includes 3 input fields and one submit button. The submit button is initially disabled, and each input field has its own custom validation logic using regex. I am looking for a way to enable the button only when all the ...
I've been struggling to find a solution for this specific issue. My goal is to group the data in my table based on a particular field, but I need it to be styled as depicted in the image linked below. https://i.stack.imgur.com/OsR7J.png After looking into ...
I have multiple backend conditions that I need to check in order to display an alert within an antd modal. The initial code looks like this: Modal.confirm({ centered: true, title: 'Sorry, you cannot create Menu without satisfying the following ...
Having trouble with a React code issue. I have a list of products, each with an array of 7 items that contain 40 different data points. This data is used as the source for a table. {label : someStringLabel, key: someUniqueKey, attribute1: someInt,..., at ...
Hey there, I'm facing an issue with the code snippet available here. I would really appreciate it if you could assist me in resolving this problem. This is the code: import React from "react"; import { Select } from "antd"; ...
I attempted to convert the Tree example from antd to utilize TypeScript, however, the child-render function does not seem to return anything. The commented row renders when I remove the comment. The RenderTreeNodes function is executed for each element in ...
As stated in the documentation, the scrollToFirstError behavior can be modified by passing a function to it. export interface CustomScrollAction { el: Element; top: number; left: number; } export declare type CustomScrollBehaviorCallback<T&g ...
Struggling to update a Cascader field value using an "onClick" event within a Form.Item element in the Antd Form Component. It seems that the issue lies in the inability of Form.Item to update the field value when there are multiple elements inside the ta ...
How can we detect the selected option in an ant-design dropdown when it is hovered? <Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}> <Option value="jack">Jack</Option> <Option value=& ...
Currently, I am attempting to render the AntDesign Menu component recursively. While there are examples available for rendering with standard ul and li tags, when I try to switch to using Menu.Item and SubMenu, all items become active with incorrect styles ...
My current node version is 8.9.1; NPM version I am using is 5.5.1; Whenever I attempt to install modules using NPM, I encounter errors such as 'code E404' or 'code ENOENT'; I have tried installing various modules, including 'tld ...
I'm currently dealing with a situation like this: <Portal> <BigComponent> <Select options={[...]} /> </BigComponent> </Portal> The dropdown select options are being generated in a neighboring div to the BigComponent ...
I have been working on creating a login page in react using antd. I came across a tutorial that seems to be outdated as it is giving me an error. After researching on a forum, I found out that form.create() is no longer available, but I am unsure of how to ...
I am currently utilizing reactJS and antd to create a table displaying data retrieved from the server. After implementing the code below, I encountered some issues with the output. Any assistance would be greatly appreciated. import React, { useEffect, use ...
Despite finding a similar question on Stack Overflow, the provided answer did not solve my issue. I have attempted to follow the steps mentioned, but unfortunately, there has been no noticeable effect. I am struggling with where to place the config-overrid ...