ant-design-pro Questions
5
I want to show index of rows in ant design table. eg: 1 to 10 for 10 rows data i got.
const columns = [{
title: 'ID',
dataIndex: 'id',
key: 'id',
width: '5%'
},
...
];
<Table key="tabl...
Neocolonialism asked 31/10, 2020 at 15:54
3
Solved
I have this simple file upload button that I got from antd ant design documentation:
<Upload>
<Button
icon={<UploadOutlined />}
className="upload-btn"
>
Upload a fi...
Wessling asked 21/12, 2021 at 9:26
5
I am new to Ant-design. Currently I am working on ReactJs project and I've used Steps in my project. I want to change the color of Steps but did not get idea how will it be possible . I will share ...
Wolk asked 23/11, 2018 at 12:6
8
Solved
So when I'm using an Icon in Ant Design it is always 14 * 14 px.
Is there a way to set the size maually?
Things like
<Icon width={"20px"} type="setting" />
or
<Icon st...
Seraph asked 31/1, 2019 at 9:8
1
Is there a way I can validate a nested component form item from its parent form when submitting?
Here is an example, I know I could handle both items in the same form and this is not the best way...
Jobholder asked 5/2, 2020 at 4:41
3
Solved
<Modal
title=""
visible={isModalVisible}
onOk={handleOk}
onCancel={handleCancel}
cancelButtonProps={{ style: { display: "none" } }}
>
<img src="./test.svg&...
Sheryl asked 5/8, 2021 at 5:49
5
Solved
i need to override the default blue (primary color) on Antd Switch Component when checked and change it to red color. is there a way i can do this?
i have tried using style attribute but it didnt w...
Tema asked 13/4, 2022 at 15:14
4
Solved
By default Tree select of Ant design search by value, is there a way to search by title?
I have tried using onSearch function but it doesn't change any behavior of Tree Select
Octuple asked 22/10, 2019 at 7:58
2
Solved
How to align text or div item center horizontal with Space with Ant design ?
Here is my code:
import { Space } from 'antd'
<Space direction="horizontal" align="center" sty...
Aniseed asked 13/8, 2020 at 2:30
2
I want to customize the styles of some antd components written in cssinjs.
I created a HOC component to access the theme and override some styles and call it after defining the providers
import { u...
Moolah asked 30/1, 2023 at 15:37
3
I prefer create project style and components style with tailwind css framework. I want to use a few ant design component. Tailwindcss and ant.design have problems together. Ant design alignment los...
Lora asked 25/3, 2020 at 16:28
3
I am developing a React hook based functional application with TypeScript and I am using modal from ant design. I'm submitting a form through modal for a table. So, the modal will be called for mor...
Rhineland asked 7/9, 2020 at 12:13
4
I'm using ant.design select component ("tags" or "multiple" mode) in a page, i want dropdown to be automatically closes after each selection. Now it remains open and i should click on other places ...
Arraign asked 26/5, 2019 at 14:42
1
Warning: Icon should have `type` prop or `component` prop or `children`.
How to troubleshoot the issue？
import React from 'react';
import { bindActionCreators,createStore } from 'redux';
import {...
Stricklin asked 27/8, 2019 at 10:9
2
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) => {
I get error Type '(values: FormDa...
Atmo asked 26/6, 2021 at 16:1
2
I am having a problem in the hiding the input field of DatePicker.I am using this DatePicker from antd. I want to show only the icon and not the input box. When someone clicks on the icon, it shoul...
Piet asked 21/1, 2022 at 7:17
2
Solved
I'm trying to make a form using Ant design v4.0. The display of an Form.Item (Input text) depends of the value of other Form.Item (Radio button group). I'm using form.getFieldValue('fieldname') and...
Pertinacious asked 1/9, 2020 at 0:2
2
Solved
How to validate form fields asynchronously in ant design?
<FormItem>
{getFieldDecorator('zipcode', {
initialValue: `${customer && customer.zipcode ? customer.zipcode : ''}`,
rule...
Outflow asked 23/11, 2018 at 19:6
3
I am trying to create a column that in his entries will include a small picture and a name.
How can I do so using Ant Design's table?
https://ant.design/components/table/
I can't seem to find an...
Melano asked 13/11, 2018 at 23:49
1
Solved
As described in the title, some of the icons from NG-ZORRO can't be rendered.
Expected 5 icons to be rendered, however only 2 were rendered.
View attached for the output
main.component.html
<nz-...
Kennie asked 25/7, 2021 at 13:42
3
Solved
Attached Image of icon to set the thickness
I have tried to set the thickness of the circle using stroke and stroke-width in css but none of them worked. The icon is imported from the antdesign .
A...
Cloudcapped asked 27/12, 2020 at 14:36
6
Solved
I was created a registration page using react. There I have used this following registration form. https://ant.design/components/form. All the validation were handled properly and after successful ...
Scrofulous asked 25/12, 2018 at 5:9
4
Solved
I want my form to submit price data as an array format, currently, my form has a map, look like
{data.Type &&
<div>
{data.Type.map((datamapped)=>
<div key={datamapped._id...
Beauteous asked 8/11, 2019 at 7:22
2
No such file or directory, when using Vite and Antd Pro Layout
This is file vite.config.ts:
import { defineConfig } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
import path...
Nitrile asked 29/3, 2021 at 2:21
2
Solved
I included react-pdf in a fresh umi project:
PDF-Generation 150 Text-components took arround 311.44 ms without umi
Using umi: 7179.40 ms
Every single element takes about 10X more in umi projects!...
Dambro asked 11/9, 2020 at 23:15
1 Next >
© 2022 - 2025 — McMap. All rights reserved.