antd Questions
6
I followed the antd and nextjs doc to config the project.
Added this code into the ./scripts/genAntdCss.tsx file:
import { extractStyle } from '@ant-design/static-style-extract';
import fs from 'fs...
Gaylenegayler asked 28/3, 2023 at 13:57
13
Solved
I am rendering a table with ant design and it works fine, but there is a warning in the console:
Each record in table should have a unique key prop,or set rowKey
to an unique primary key
My c...
9
Solved
If I have a user object with a display name (e.g. "John Smith") and a username (e.g. "johsmi"), how can I search for both display name and username?
This example will only search for usernames, i....
Millepede asked 9/1, 2020 at 9:53
2
For bundle size optimization instead of getting components from the lib folder, I am importing it from the es folder.
Example:
import Modal from 'antd/es/modal';
So on writing test cases it is giv...
Kavanagh asked 19/10, 2020 at 13:27
6
Is there in Ant Design for React the Bootstrap Grid "container" concept?
Containers are the most basic layout element in Bootstrap
and are required when using our default grid system. Choose fr...
Tattoo asked 1/4, 2018 at 8:10
4
I am trying to have custom width for antd tooltip component: Link to docs
How can this be done ?
import React from "react";
import ReactDOM from "react-dom";
import "antd/d...
Pollerd asked 19/8, 2020 at 18:48
5
Solved
Antd comes with a nices table component, but I cannot find anything in the docs about how to configure the "density" of the table, i.e., the default height of a table row, and maybe the font size a...
5
Solved
I'm currently building a UI library to simplify maintenance across multiple applications. These currently use Ant Design.
All seemed to go fine... I added my peer dependencies in both package.json ...
5
Solved
I am using antd and would like the vertical divider to split the two sides of my screen. The two sides are in fact separated by different Col components. They currently look something like this:
c...
Batt asked 23/7, 2019 at 17:22
3
Solved
I am trying to set the background color on rows when the mouse is hovering them, I tried a few approaches, one with styled components, styling the table itself:
const StyledTable = styled((props) =...
2
Solved
My backend service(elasticsearch percolator) annotates text with html tags to highlight matches.
I can't find a way to display such html data in antd Table.
I've tried Highlighter component, but ...
5
Solved
I'm trying to use AntD menu sider like a tab panel.
I want to put components inside the content so that the content panel renders the related component when a menu item is clicked.
How do I get t...
Mcmanus asked 10/1, 2020 at 2:17
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
I am working with Ant Design table component. The problem is, how do it fix the first table row?
Jurisconsult asked 23/5, 2020 at 6:27
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
6
Solved
I applied the tailwind CSS and Ant design with my Next.js project.
I found the primary button got a white color.
But it shows own primary button color when the mouse over.
global.css
@tailwind ba...
Leija asked 2/4, 2022 at 5:45
3
I'm trying to use react-hook-form together with the antd <Input /> component
I'm not getting reset to work with <Controller />
Here is my code:
const NormalLoginForm = () =>{
con...
Vaporous asked 23/1, 2020 at 9:32
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
5
Solved
I'm having trouble with the autoFocus, I searched a lot, but none solutions that I found worked for me, I'm using a Drawer with a form inside, that form has some Form.Item with Input, and when I op...
Candicecandid asked 26/3, 2020 at 22:50
3
Solved
I'm using v4 of AntD and have imported @ant-design/icons in order to use LeftOutlined.
In the docs for antd icons (https://ant.design/components/icon/) It lists the following for the fill attribut...
5
Solved
I want to change the width of the tooltip, but I can't.
How do I do this?
import React, { FunctionComponent } from 'react';
import {Tooltip} from "antd";
import 'antd/dist/antd.css';
exp...
Engineering asked 28/7, 2020 at 16:26
3
Solved
I have a ant-design dropdown which shows a list on hovering the element. I want to test the list inside the dropdown menu. I am using fireEvent.mouseOver() but it doesn't work. screen.debug() shows...
Vanitavanity asked 11/11, 2020 at 12:51
4
Solved
This is the way I am hiding the calender icon in the DatePicker component for antD React. It feels hacky, is it the only way?
Attribute:
suffixIcon={<div></div>}
Full Component:
&...
3
Using antd NPM package, select component, in multiple mode, by default checkbox shows up at right. I want to align it to left and style it like tick mark in the box followed by a label. Also, need ...
Ashil asked 5/9, 2019 at 12:36
10
I am looking at using the antd Caroseul, but I've not seen an example that creates a prev/next or pause button.
const { Carousel } = antd;
ReactDOM.render(
<Carousel autoplay>
<div>...
© 2022 - 2024 — McMap. All rights reserved.