Category "antd"

React scroll with antd tabs (scrollIntoView) working for some tabs only

I'm building a multi tab chat like UI using react and antd, it looks like image below. On the left side you can see multiple tabs showing last names using antd

Antd Resizable table columns in TypeScript

I'm implementing antd <Table> component and need to make columns resizable with react-resizable. I was following the example in the documentation, but sin

How to get id or information of table in filterDropdown in antd

So I am using antdesign table and I have three different tables based on the status(status: approved/pending/rejected) of the data but the columns used in these

Can I create a mask for an antd-country-phone-input?

I am using the antd-country-phone-input in my form for international phone numbers. However this does not have a mask and I want to have a masked input. I have

Ant design onFinish function with typescript; Type '(values: FormData) => void' is not assignable to type '(values: unknown) => void'

I have interface FormData, which is supposed to be same type as values that onFinish function receives, but when I put const onFinish = (values: FormData) =>

node error when calling "yarn start" in an app created by create-react-app

I recently created a new project with create-react-app, installed all newest packages for an old create-react-app project (which was using react-scripts 3.4.1,

How to implement the ant dropdown select in cypress

I have an application developed using ant design ( React JS ), and I started integrating the cypress e2e test for the application. However, I could not get it t

Antd, How can I disable row of editable cell of Table

I use Editable Cell of Table I want to disable row when age value is '33' include select(=checkbox) There is sandbox test code help me test code

How to run the ant-design website locally

I'm trying to run the project locally. I'm following the instructions which are straightforward. But when running npm start I get this huge error as seen below.

Ant Design form element is not submitting when the form button is clicked

I am building a web app using Django rest framework on the backend and React on the frontend. I am also using Ant Design to help with styling. I have been follo

getFieldDecorator rules for password to contain lower case upper case letters and numbers?

I am working on a react app and the views are built with Ant Design, I am validating a form and I don't know how to validate the password to contain chars of lo

Error ENOENT: no such file or directory for inversify files in React when using Ant Design Charts

This problem only exists when I'm using Ant Design Charts. I'm currently using React 18 (using create-react-app) and I tried using Ant Design Charts for my gra

How to Enable Scroll Bar iside Ant Design Modal Component Body?

I am having a modal with long content. I need to have an internal scroll bar inside the modal but there is no information about that in the documentation <M

How can I close Modal and Popconfirm of AntD when I click the OK button on Popconfirm

Recently I try to use antd. However, when I close Modal and Popconfirm components once I click the OK button on Popconfrm, it doesn't work well. It means only M

Difference between Ant Design form.setFieldsValue and initialValues prop

As the title states. What is the difference between the two? 1. import { Form } from 'antd'; const Components = () => { const [form] = Form.useForm(); f

default value for multiple select in form antd 4

I'm unable to set default value for multi select inside form. Use Case: I have created a react component that renders a select with some default props that I n

ng zorro table with pagination

I am having an issue ng zorr table with pagination. Uing pagination with seperate component like below <nz-table #dynamicTable [nzScroll]="

Antd source map not supported in React

I have an issue regarding the integration of Ant Design library in a CRA (create-react-app). After I have tried to integrate it as it is required in their docum

How to change button text language on protable filters in Ant Design Pro

I have a pro-table in ant design in which I want to apply filtering. However, the action buttons on the filters are always in Chinese as shown in the attached i

How to convert timestamp firestore to date string and display in antd table

First, i have antd table and datasource from firestore with some fields and include timestamp field. my data is good running and show it in antd table, the prob